CODEWITHSUNDEEP
firefoxfont-facewebfonts
lamarant
lamarant

Reputation: 3390

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!

Upvotes: 1

Views: 5024

Answers (2)

lamarant
lamarant

Reputation: 3390

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.

Upvotes: 2

Jimmy Sawczuk
Jimmy Sawczuk

Reputation: 13614

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.

Upvotes: 0

Related Questions