Google Font API

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/

Google font API example

Google font API example

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s