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.Installing FOUT-B-Gone
Begin by downloading the foutbgone.js, and inserting it in the head
of your document after your CSS calls.
<script src="/img/spacer.gif">Using FOUT-B-Gone
The simplest initialization will look like this:
fbg.hideFOUT('asap');FOUT-B-Gone hides elements with custom fonts assigned to them. Enter a value, in milliseconds, to increase the time that elements are hidden:
fbg.hideFOUT('asap', 400);Putting it all together:
<script src="/img/spacer.gif">Configuring FOUT-B-Gone
OptionDefaultDescriptionmethodasapfbg.hideFOUT('asap');
fbg.hideFOUT('onload');
delay100 (ms)fbg.hideFOUT('asap', delay);
fbg.hideFOUT('onload', delay);