@font-face isn't working in Firefox 3.5?

Question

I have an OpenType font being referenced in a CSS file, but it doesn't seem to work in Firefox 3.5. It works perfectly in Safari. The font is being referenced relatively, and is hosted on the same server, but in another sub-directory:

@font-face { font-family:'Font Name'; src:url(../fonts/Font-Name.otf) format('opentype') }

Has anyone else had any issues with @font-face with FF3.5?

Solution 1

I'm not entirely sure which of these changes fixed the problem, but this is what the line looked like when the problem was fixed:

@font-face { font-family:"FontName"; src:url("../fonts/Font-Name.otf") format("opentype"); }

Solution 2

Oh!!! The url of your fonts must be quoted with doublequote --> ""

Single quote ('') cannot work for Firefox. It works for Chrome though.

Solution 3

https://developer.mozilla.org/index.php?title=En/CSS/%40font-face

I don't see a format() param.

Solution 4

I had the same problem. NO QUOTES fixed it- single or double quotes would not work with FF. No quotes also worked with chrome - I didn't bother trying IE b/c it used a different file.

Solution 5

I think the issue is with the single quotes on the values. Use double quotes.

View more solutions

Comments

[paul baboo]

Thanks for the suggestion! That didn't appear to be the issue, though. I've posted the line as it looked when the issue was no longer occurring. Thanks again for the suggestion!

[paul baboo]

That and the url was changed to be wrapped in quotes.

[Miles Pfefferle]

Having the same issue as the OP in FF10. Thanks for the tip, I'll give that a try.