How to use google fonts in your theme:
-
Go to google fonts and find your font. Once your have found your font click on the second icon (paper -> arrow) that says “Quick Use” when you mouse over.
-
You now have a page that shows how to use your font. Look at section 3 of that page. Click on the tab called “@import” Copy that code. In your case:
@import url(http://fonts.googleapis.com/css?family=Lato);
-
Located your style.css file either by browsing your website via FTP or by going to Theme editor inside the WP Admin.
-
Add the code above towards the top of your style.css. You should add it after the file comments (template name, author name and so on).
-
Now let’s say you want all your paragraphs to use that font. Find the “p” selector in your style.css file and add the style below:
p {
font-family: ‘Lato’, sans-serif;
}
Now the lato font will be applied to all paragraphs on your website. If you want the lato font to be applied just to the main page/post paragraph you can do something similar to this:
.entry-content p{
font-family: 'Lato', sans-serif;
}
You should spend sometime reading about CSS selectors. It will help you to get a lot done in your website.