Check out this new font as an example:
So, how to use these fonts on your blog?
For every new font you want to add to your blog, you simply have to paste a single line of code in your blog’s template. Once you are done with it, remember the name of the font and use it anywhere in your blog (in any post or part of a post or in your widgets).
Steps to add a new font:
Visit this page: Google Webfonts Directory
and click on the font you want to use.
In the next page, select the blue colored tab “Get the code“.
And copy the FIRST code.
IT will look something like this:
<link href=’http://fonts.googleapis.com/css?family=Tangerine’ rel=’stylesheet’ type=’text/css’ />
The code highlighted in RED, is the name of that font. You have to either remember this, or save it in a textpad/notepad.
Now, log in to Blogger, go to Layout/Design and then click on the Edit HTML link.
Find this code in your template:
And immediately ABOVE/BEFORE it, paste the code which you got in STEP #2.
And save the template.
Now, whenever you want to use that font in your blog (either in posts or in widgets), simply use this code tags around the text:
<span style=”font-family: Tangerine; font-size: 24px;”>YOUR TEXT/POST HERE</span>
The font family name (highlighted in RED), should be same as written in STEP #2. You may also adjust the font-size. Replace the text highlighted in BLUE with whatever text you want.
That’s it, now you can deliver your posts in a new style. As Google says, make your blog and the web more beautiful…
* Google Chrome: version 4.249.4+
* Mozilla Firefox: version: 3.5+
* Apple Safari: version 3.1+
* Microsoft Internet Explorer: version 6+
This project is an open source project, just like many other projects by Google. For more details on these WebFonts you may visit the FAQ page.