@font-face and firefox

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

Code:

@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

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

I am pretty sure (with exception to recent Safari releases) that you have to use Embedded Open Type (.eot) fonts.

Here are a couple services that allow you to be more creative in the type department, without worrying about serving the fonts yourself and whether you might be breaking copyright doing so. Many fonts do not permit distribution.

http://code.google.com/webfonts (free)

http://typekit.com/ (for a fee, but large selection)