Before we were having issues with Firefox not loading the font files, but that turned out to be some kind of MIME type issue that their IT guy fixed. Now, however, using Firebug, I can see that the font files are definitely being loaded, but not being displayed. Any text that references the @font-face style blanks on first load and then just loads the default font.
I thought it may have been their server (after the MIME type issues), so I created a test page (located HERE) with just the bare minimum of stuff on it to test and see if the fonts would display. Somehow, they do, so it appears to be a WordPress issue. Although, I don't know what to do about it because it's the same way that I've always used @font-face, just on a client's server rather than a legitimate host.
Does anybody have any suggestion as to what's going on here? I'd be happy to provide more code if that helps, but I have no idea what else could be affecting it.
Works fine for me in Firefox 3.6 portable, 10 portable, and 11. You may have cached a bad font-file which is why it's not showing. Make 100% sure your cache is clear and give it another go, it's working (on both the website and the test page) in all versions of Firefox I have.
I've switched careers...
I'm NO LONGER a scientist,
but now a web developer...
Yeah, I've done all that and still nothing in Firefox. However, I did try using a proxy server and everything works fine. How could it possibly have something to do with my connection? I've never had this problem before...
And now, as an extra level of weirdness, if I got to another page, the font loads fine. And if I follow links back to the home page, the font loads fine.
So, it's almost definitely something to do with the order in which I'm loading things, but I don't get that. My CSS is the first thing to load the head on the page and the @font-face declaration is at the very top of my CSS file. I even tried putting the @font-face directly into a <style> tag in the head to no avail.