Today Google released their Font API giving the web a free choice for high quality open source web-safe fonts. Not only are these fonts easy to use, they are also supported across most browsers including Internet Explorer 6. How easy? You call the Google Font API through a single line of code, and then reference the font-family to your heart’s desire in the style sheet.

How to use Google’s Font API

1. Insert linke to Google’s Font API in the HTML:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans" >
2. Then just reference the font family as you normally would in the CSS:
elementName { font-family: 'Droid Sans', serif; }
3. That is it. You are done. I present to you Droid Sans:

Droid Sans in all of its glory

Further Documentation on Google’s Font API

Google’s Font API Directory: http://code.google.com/webfonts This is where you can preview all of the fonts available, a Font Book if you will, and read Google’s documentation regarding the api.

Google’s documentation on the browser specific behavior:
http://code.google.com/apis/webfonts/docs/technical_considerations.html#Browser_Behavior

Video demo from Net Tuts