This page demonstrates the “onload” method, which is the most reliable but slower than “asap.”
To see how this script performs make sure you are viewing this on Firefox 3.5/3.6 or Internet Explorer 7–9. Other browsers will not see any differences in web font loading.*Web font load time is still dependent on the font server download speed.
Begin by downloading the foutbgone.js, and inserting it in the
head of your document after your CSS calls.
The simplest initialization will look like this:
FOUT-B-Gone hides elements with custom fonts assigned to them. Enter a value, in milliseconds, to increase the time that elements are hidden:
Putting it all together: