A simple tool for bulletproof web typography.
It's a brave new world. 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.
So, in the spirit of bulletproof web design, we give you…
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.
- 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.
For more background on how this came to be and why it's important, read Type study: Choosing fallback fonts.