What is GWF?Out of the many feathers of the Google hat, Google Web Fonts (GWF) is one of the best. Especially for people who always love and welcome change. Web fonts is really a flexible way to show content on the web because, it gives us relief from the pain of using the regular fonts like Arial, Verdana, etc.
5 Step process to add these fonts to your BloggerOne of the most frustrating aspects of Blogger is the limitation in fonts. I would actually prefer Google to integrate the web fonts here, so users can actually choose from the various fonts it has available.
Step 1: Choosing the FontBrowse to Google Web Fonts and choose the font you would like to use. Once you have liked a font
click on the icon for Quick Use located at the bottom right (as in Fig.1).
Step 2: Finding the right source link to the Font
In the font page, scroll down to section 3, you should see something like in Fig. 2 below
Step 3: Link the font in Blogger
Now go to Blogger Dashboard > Template > Edit HTML
Find the tag <head> in the code. Its generally at the top and right below it, paste the <link> tag that has been copied from the Google Web Fonts page. Please note that the link tag that's provided in GWF page is not closed properly, so please make sure to add a closing tag at the end of it.
After adding this tag it should look like in Fig. 4 below
Step 4: Sample CSS to apply your style
You can either have your own CSS classes and assign styles or overwrite the styles of existing css classes by adding it at the end of the stylesheet. So in order to do this, please search for the code ]]></b:skin>
You can add styles like in Fig. 5 to overwrite styles for post-body and post-title.
Click "Preview" and if you like what you see there, click "Save"