Google Font Previewer in Action

Several months ago Google announced its Font Directory, a repository for open-source fonts available from the Google Fonts API.


A new feature has been added which enables designers and developers to preview and test any font in the directory, then edit the font size or spacing, add decorations or even a shadow effect.

Perhaps the best part of the new feature is that once you've got the font looking the way you want, the previewer generates a block of code containing the stylesheet link and CSS that can be placed directly in your page.

Click to enlarge image