@ font-face funktioniert nicht in Firefox 3.5?

Question

Ich habe eine OpenType-Schriftart in einer CSS-Datei referenziert, aber es scheint nicht in Firefox 3.5 zu funktionieren. Es funktioniert perfekt in Safari. Die Schriftart wird relativ Bezug genommen wird, und wird auf demselben Server gehostet, aber in einem anderen Unterverzeichnis:

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

Hat sonst noch jemand hatte Probleme mit @ font-face mit FF3.5?

Answer 1

Ich bin nicht ganz sicher, welche diese Änderungen das Problem behoben, aber das ist, was die Zeile wie aussah, wenn das Problem behoben wurde:

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

Answer 2

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

Ich habe kein Format() param sehen.

Answer 3

ich glaube, das Problem mit den einfachen Anführungszeichen auf das ist Werte. Verwenden Sie doppelte Anführungszeichen.

Answer 4

Ich hatte ein ähnliches Problem mit FireFox 5, die sich herausstellte, weil ich die Site lokal aus der Datei z. B. Datei: /// geladen habe. Sobald ich die Website auf einen Webserver auf meinem lokalen Rechner gestellt habe, z. http://localhost:8080, es hat funktioniert.

Beachten Sie, dass Chrome beim Laden aus Datei einwandfrei funktionierte und ich einen relativen Pfad gemäß der oben angegebenen Antwort angegeben habe.

Answer 5

Oh !!! Die URL Ihrer Fonts muss mit doublequote quotiert werden -> ""

Ein einzelnes Zitat ('') kann nicht für Firefox arbeiten. Es funktioniert jedoch für Chrome.

Answer 6

Verwenden Sie den Font Squirrels Service. Es gibt Ihrem kugelsicheren Code & konsistente Ergebnisse. Versuchen Sie

Answer 7

Ich hatte das gleiche Problem. KEINE QUOTEN fixed it- einfache oder doppelte Anführungszeichen würde nicht mit FF arbeiten. Mit chrome arbeiteten auch keine Anführungszeichen - ich habe es nicht mit IE b/c versucht, es hat eine andere Datei benutzt.