views:

1449

answers:

3

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?

+1  A: 

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

I don't see a format() param.

kmiyashiro
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!
Chris Thomson
A: 

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"); }
Chris Thomson
The only change I see is the space was removed in FontName, is that correct?
kmiyashiro
That and the url was changed to be wrapped in quotes.
Chris Thomson
A: 

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

Ax