Firefox 5 fails to load custom fonts in local files (FF5 Bug?)
Hi, I'm getting strange behaviour in FF 5.0 while creating a new page containing a custom font.
The page loads correctly from the web, but if I'm working on it locally, the custom font only gets loaded correctly if the page is loaded from another page's link. If I try to load the local file in any other way (e.g. by pasting a link into FF's URL field), then FF fails to load the font. There are no such problems with IE9.
I haven't changed my (font-squirrel) strategy for loading custom fonts since last May when I created http://james-ingram-act-two.de/compositions/study2/study2b/Study2b3.html
All the best, James
All Replies (2)
I have the issue on a live site using a custom font. References are all CSS based. This is working fine in IE7, IE8 and FF 3,6.
Using this in style.css
@font-face { font-family: "FONT NAME"; src: url('http://www.EXAMPLE.com/fonts/FONT.eot'); src: local("FONT NAME"), url('http://www.EXAMPLE.com/fonts/FONT.ttf') format('opentype'); }
My Font is called CLicht, and my FontsStyleSheet.css contains the following:
@font-face { font-family: 'CLicht'; src: url('../fonts/clicht_plain-webfont.eot'); src: local('☺'), url('../fonts/clicht_plain-webfont.woff') format('woff'), url('../fonts/clicht_plain-webfont.ttf') format('truetype'), url('../fonts/clicht_plain-webfont.svg#webfontl9D2oOyX') format('svg'); font-weight: normal; font-style: normal; }
.CLicht { font-weight: normal; font-style: normal; line-height:normal; font-family: 'CLicht'; }
This 'smiley' tactic was recommended by http://www.fontsquirrel.com/, and was working on the FF version I was using last May (It was the latest version - probably FF3.6).
Modified by James_Ingram