Web fonts are here, sparking an exciting new era in web design. FFFFALLBACK makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully.
We are using new web fonts each day and need to pair them with standard fonts for a better use experience.
FFFFALLBACK is a bookmarklet which, once clicked, scans the web page, finds the web fonts used and creates an interface where you can easily try alternative fonts.

It lets you to instantly toggle between the original and fallback outputs or can show them both so you can better decide if your web page will look ok when no web fonts are displayed.
The project is the result of a very nice article, Type study: Choosing fallback fonts, which will probably end up in “you sticking stronger to the bookmarklet” : ).
Okay, so how do I use this thing?
- Drag the bookmarklet to your browser toolbar.
- Go to the page you want to test and click the bookmarklet.
- The bookmarklet will scan the CSS of the page in order to identify existing web fonts. Then, using magical unicorns and javascript rainbows,FFFFALLBACK clones the page and provides a tool where you can test and analyze different fallback font choices.
- You can also toggle open an input in order to change font-size, line-height, color, etc. Remember to use !important, as it’s…well, you know, important.
- Bulletproof your font-stacks and rejoice!
Small caveat: this bookmarklet only works on webkit browsers (Chrome & Safari) or Firefox. We might get it working for IE and Opera if time permits. But I wouldn’t hold your breath.
Compatibility: WebKit & Firefox
Website: http://ffffallback.com/