What the FOUT!

A CSS playground for F-mods (font metric overrides). This tool will help you find the right fallback for your font and tweak it in order to get the best possible results.

The tool was inspired by this article on improved font fallbacks.

Features

• Works with all Google Fonts

• Customize font parameters (size, weight, letter spacing etc.)

• Apply F-mods and see them reflected immediately in the preview area

• Preview crossfader, to "mix" the fallback font and the webfont in the preview area

• Customizable preview text

• CSS snippets ready for copy/paste