@ font-face ne fonctionne pas dans Firefox 3.5?

Question

J'ai une police OpenType référencée dans un fichier CSS, mais cela ne semble pas fonctionner dans Firefox 3.5. Cela fonctionne parfaitement dans Safari. La police est référencée relativement, et est hébergé sur le même serveur, mais dans un autre sous-répertoire:

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

Quelqu'un at-il d'autre a eu des problèmes avec @ font-face avec FF3.5?

Answer 1

Je ne suis pas tout à fait sûr de ces changements a résolu le problème, mais c'est ce que la ligne ressemblait quand le problème a été résolu:

@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

Je ne vois pas un format() param.

Answer 3

Je pense que le problème est avec les guillemets simples sur la valeurs. Utilisez des guillemets doubles.

Answer 4

J'ai eu un problème similaire avec FireFox 5 qui s'est avéré être parce que je chargeais le site localement à partir du fichier e.file: ///. Dès que j'ai mis le site sur un serveur web fonctionnant sur ma machine locale, par ex. http://localhost:8080, ça a marché.

Notez que Chrome a bien fonctionné lors du chargement à partir d'un fichier et que je spécifiais un chemin relatif selon la réponse acceptée ci-dessus.

Answer 5

Oh !!! L'url de vos fontes doit être cité avec doublequote -> ""

Le guillemet simple ('') ne peut pas fonctionner pour Firefox. Cela fonctionne pour Chrome cependant.

Answer 6

Utilisez le service Font Squirrels. Il donne à votre code pare-balles & des résultats cohérents. Essayez

Answer 7

J'ai eu le même problème. PAS DE CITATIONS l'a corrigé - des guillemets simples ou doubles ne fonctionneraient pas avec FF. Pas de guillemets a également travaillé avec chrome - je n'ai pas pris la peine d'essayer IE b/c il a utilisé un fichier différent.