If you have ever tried to use custom fonts on a website, you know how frustrating it can be. Your two options are cutting out image after image or using the normal CSS3 @font-face property which is still unsupported by some popular* browsers.
But now, Google has taken that same CSS3 @font-face property and injected it with steroids.
With a simple script link (which Google gives to you) in <HEAD> and a reference to the font in your stylesheet, you now have an array of custom fonts at your fingertips.
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>';
font-family: 'Yanone Kaffeesatz';
YOU NOW HAVE CUSTOM FONTS.....AND IT EVEN WORKS IN IE6!!!!!!!
Currently there is a limited list but it is expected to expand over time.
Full list of available fonts!
Follow the link, click on your desired font, and then click "get the code" to find a pre-written script link.
If you'd like to see it before you try it, view this website in IE6 to see it in action.
References:
Google Blog
