A New Solution to FOUT (Flash of unformatted text)

Adobe recently released their 'blank font'. It is essentially a font which contains no glyphs and is basically a css hack to stop the flash of unformatted text when using webfonts.

I wrote a long time ago about how to cache the font files when using @fontface. That method can be used in conjunction with this to create the best user experiance for your site.

Caching font files is obviously a good idea so you don't have to load them on every page view. What the blank font does is crate a fast loading font (due to lack of content) which can be used as a fall back before the font is loaded.

There have been a few examples in the past of using javascript to stop the content being viewed before the font is loaded but this doesn't really come across as a good idea. If someone is on your site to view the content, then they should get the content as soon as possible.

Blank may have filled a (hacked) gap.

Read more about it here:  http://blogs.adobe.com/typblography/2013/03/introducing-adobe-blank.html and  https://github.com/adobe-fonts/adobe-blank/