Hi all,
On Wednesday, May 19, 2010 google has announced google web fonts. Its a open source and its the end of all our typographic problems. We were using flash, images etc to achieve the rich typography in the front end. Now all these things will be replaced with new concept from google.
All you need to do is visit this page http://code.google.com/webfonts choose the font which you need,
They will give you the code for it. Means its a new link tag similar to this
<link href="http://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet" type="text/css">
You have to include this link tag in your page. And you need to specify the font family for this where ever you require that.
.class2{ font-family: 'Reenie Beanie', arial, serif; font-size: 1.5em; }
Thats it. You are done. Interesting part is it works with IE6 also !!! 🙂
I have created a example page here.
More info at
http://code.google.com/apis/webfonts/