Alex Rivera | Logout

Preloading @font-face fonts?

Asked 2009-08-25T20:35:48.830
157

Is it possible to preload or otherwise cache @font-face fonts, most likely with javascript, before the page loads so you don't get that ugly jump when the page finally does load?

javascript css fonts embedding font-face
Edit
Report

1 Answer

24

There are a few techniques for "preloading" here: http://paulirish.com/2009/fighting-the-font-face-fout/

Mostly tricking the browser into downloading the file as fast as possible..

You can also deliver it as a data-uri, which helps a lot. and also you could hide the page content and show it when its ready.

answered 2010-04-24T18:19:09.257

Your Answer