A Smoother Page Load (via @jonikorpi)

Posted on

Joni Korpi, creator of the LESS framework, offered a great little tutorial on avoiding the Flash of Unstyled Text (FLOUT) that comes with web fonts, including from services such as Typekit.

While loading the fonts, Typekit adds a .wf-loading class to the page. By hiding the text elements initially, then having them switch back to full opacity when it’s finished loading — with a nice little transition — you can fade your page in gracefully.

See his brilliant article right here.