Google Fonts API Bookmarklet

Today Google released something called the Google Fonts API in their labs. I've played around with sIFR, Typekit, and Cufon, but thought I'd give this a whirl. Being able to add any of the 18 fonts listed in their Google font directory with a simple <link> tag makes this much easier than sIFR and Cufon and, unlike TypeKit, it's free.

To make things even easier for me to test out all the different fonts on one page, I decided to write a small button for the bottom left of my screen that would list out all the fonts and allow me to choose one for header elements and one for the rest of the body.

Thanks to the Ben Alman's awesome jquery bookmarklet generator I then popped that code into the little bookmarklet that I've attached to this post. That means you can either click the bookmarklet or drag it to your own bookmark toolbar to user my little Google Fonts Chooser on your own page.

Bookmarklet (drag to your bookmarks bar): Google Fonts Chooser

Code up on GitHub.

CAVEAT: It definitely doesn't work on every web page. It only sets the font-face at the body or H tag level, so if there are more specific fonts set, it won't get to them. That said, it should be easy to expand it to allow for users to enter their own tags to try to alter. maybe I'll add the P tag