Search code examples
firefoxfont-facewebfonts

Using Google Web Fonts...font is "flashing" on load in Firefox. What's wrong with my code?

I'm using Google Web Fonts on a site I'm developing. Everything is fine on all the browsers I care about EXCEPT for Firefox. Take a look:

http://033ac16.netsolhost.com/

Note that I'm I'm using HTML5 Boilerplate Template for Wordpress, by Jefferey Sambells.

Note also that I've tried the Fighting FOUT code by Paul Irish to no avail (maybe I implemented it incorrectly?)

Please help!

Solution

  • Found a fix that seems to work:

    Preload @Font-Face Fonts to stop Firefox Flicker/Delay

    The first page load within the site still experiences a slight "flash" but each sub page afterward looks OK.