@font-face and firefox

[guillaumeb]

hello,

Like many people i'm experiencing a problem with @font face and Firefox.

i'm basically using two otf fonts for mywebsite.com. Thos fonts are stored on the SAME domain.

my stylesheet is located at
mywebsite.com/css/style.css

I have uploaded those fonts at:
mywebsite.com/...
mywebsite.com/css/...
mywebsite.com/css/fonts/...

but Firefox simply can't see them. I've tried all paths in my code below but it simply won't work. I though most problems with Firefox came from hosting a font on another domain.

Note that it does work in Chrome and Safari

@font-face { font-family: Quicksand;src: local("Georgia"), src: url("/fonts/ql.otf") format("opentype") ; } 

@font-face { font-family: JosefinSansStd-Light;src: local("Lucida Grande"), src: url("/fonts/JosefinSansStd-Light.otf") format("opentype"); }

Any ideas ? thank you very much

 

[guillaumeb]

By the way, i tried to add and remove " and ' around font names and path
Also this code is both on the css file as well as in the head of the HTML page

 

[Mug]

Which version of Firefox are you running? It seems that @font-face only works with Firefox 3.5 (https://developer.mozilla.org/en/CSS/@font-face)

 

[SplitElement]

This is a good tutorial for use @font-face
http://css-tricks.com/snippets/css/using-font-face/

Hope that helps!