How to add Google Fonts to your website?

molly

Google Fonts can be added to your website with simple the Header HTML and @import CSS code on top of your CSS file.

First choose the font you like to use from www.google.com/fonts website. Then click on the arrow icon Quick-use button on the left side of Add to collection button.

fonts

Then on your website page code add the link to your header.

Your site can be HTML or WordPress site, both  will work fine.

<link href=’https://fonts.googleapis.com/css?family=Molle:400italicrel=’stylesheettype=’text/css‘>

On your CSS style add:

font-family: ‘Molle’, cursive;

This will add  the font Molle to your page.

It is pretty simple to use and will display the font correctly in every browser.

Demo page use here:  http://designbynur.com/TR/ekart2.htm

 

Please share it
Email this to someoneShare on Google+Pin on PinterestTweet about this on TwitterShare on LinkedInShare on Facebook