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

Question

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!

Answer 1

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.

Answer 2

I don't think anything's wrong with your code - @font-face 'd fonts are going to flash while they download the font file. It may happen that Firefox isn't caching your font (for whatever reason) or maybe it's just slower downloading it.