Google's new release of web fonts are free service and millions around the world loved it and used it, But now Blogger's Template designer now offers a wide variety of font choices for the various elements in your template, including both web-safe fonts and fonts from the Google Font API. The Google Font Directory includes 40 different fonts for you to choose from, many of which are designed for non-Latin alphabets such as Cyrillic, Khmer, and Greek which have traditionally been very limited in terms of font choices on the web.

How To Use Blogger Web Fonts In Blogger

1. Go to your Blogger Dashboard click on ---> Design tab ---> Template Designer tab.

2. Click on Advanced tab and then choose the text that you want to change ( post title, blog title, …. ) and click on your favorite font to see it’s preview, if you liked it, then click apply to blog.

How To Use Google Fonts API In Blogger

1. Go to http://www.google.com/webfonts.

2. Select your favorite font from the font list then choose "Add to Collection".

3. See blow you will get three options like Choose, Review and Use.

3. Click on "Use" button.

4. There you will get a code like shown in below screen.



5. Now lets add font API code to blogger template.

6. Search for word </head> in your blogger HTML Template and add code above it. Refer screen below.



7. Now lets Integrate the fonts into your CSS Section.

8. For example, if we wanted to use the "Oswald" font for the post titles, we would add the following line just beneath the closing ]]></b:skin> tag:

h2.post-title {font-family: 'Oswald', sans-serif;}

9. Once you've added the style API Code, preview your template to see how the changes will appear.