Example 1: google fonts css
Check out the font names and change 'finger paint' to another font name to how different google font appears on webpage. <!DOCTYPE html> <html> <head> <link href='https://fonts.googleapis.com/css?family=Finger Paint' rel='stylesheet'> <style> body { font-family: 'Finger Paint';font-size: 22px; } </style> </head> <body> <h1>Finger Paint</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <p>123456790</p> <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p> <p>abcdefghijklmnopqrstuvwxyz</p> </body> </html>
Example 2: google font import
<!-- To import google font add this to the head of your HTML then you can use use the imported font family in your CSS file --> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
Comments
Post a Comment