Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox 5 fails to load custom fonts in local files (FF5 Bug?)

more options

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

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)

more options

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'); }

more options

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