Firefox 5 not loading @font-face. It worked for months a couple of days ago, why has it stopped working now? It works in v3&v4
Firefox is not loading @font-face on my site in v5
It has worked for months so it can't be the CSS. It also works in V3 and V4. Also I tested it on another machine with V5 and it seems to load the fonts
I have tried to reinstall firefox and delete profile but that just gives me an error.
Whats going on?
Is this just me?
Okulungisiwe ngu littleheadspin
All Replies (1)
i just came across post while googling for solution to the same issue(this and another post but neither provided a solution). After a bit more brute force css configuration trys i found the solution and maybe the issue.
first, code that works:
===
@font-face{font-family: 'impact'; src: local(), url('impact.ttf'), url('impact.eot'); } .title{color:#ff0000; font-size:144px; font-family:"impact";}
===
second, the issue(s): - the @font-face declaration that contains "local()" is a problem - if you include it("local()") even as empty it works, remove "local()" and firefox breaks.
- the font also has to be the actual name of the font "Impact" as "impact"(as pointed out earlier case does not matter) - setting font-family to something like "impact_mine" (which from what i read should be legal) breaks firefox.
that is how i got it working...
[just for kicks] tested it with FireFox 6, Google Chrome 13, Safari 5.1, and IE9 - all work. (ie nine works with the .ttf - (.eot for earlier IE's i guess))
Okulungisiwe ngu tonka_atx