Google Font Directory
Taking a look at the Google Font Api has been on my to do list for some time now. I took the time the other night to play around with the fonts a little on one of my projects. The font directory is an interesting idea and I'm curious to see if the project grows quickly. I liked a several of the current fonts in the directory though found them to look a little aliased in certain browsers.
I found the easiest way to implement the font to be using the @import function at the top of your stylesheet. The following example shows how to load the Vollkorn font family.
@import
url(http://fonts.googleapis.com/css?family=Vollkorn);
Two add multiple font families you can separate the fonts with a pipe character. Use the plus character to replace spaces in font families that contain them.
@import url(http://fonts.googleapis.com/css?family=Vollkorn|Crimson+Text);
To load a specific font variant you can use the following format.
@import
url(http://fonts.googleapis.com/css?family=IM+Fell+English:italic);
Once you have loaded one or more font families you can call them like a traditional font in your stylesheet.
You can control the font that loads initially while the site visitor is downloading the web font to display. This is one interesting behavior with the web fonts over traditional fonts. I think this could be a nice resource if the number of high quality fonts in the directory continues to grow.