@ Font-face non funziona in Firefox 3.5?

Question

Ho un font OpenType fatto riferimento in un file CSS, ma non sembra funzionare in Firefox 3.5. Funziona perfettamente in Safari. Il font viene fatto riferimento relativamente, ed è ospitato sullo stesso server, ma in un altro sub-directory:

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

Ha chiunque altro avuto problemi con @ font-face con FF3.5?

Answer 1

Non sono del tutto sicuro di quale di questi cambiamenti ha risolto il problema, ma questo è ciò che la linea sembrava come quando è stato risolto il problema:

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

Answer 2

Oh !!! L'URL del font deve essere citato con doublequote -> ""

quote singolo ( '') non può funzionare per Firefox. Funziona per Chrome però.

Answer 3

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

Non vedo un param format ().

Answer 4

Credo che il problema è con le virgolette singole sui valori. Utilizzare le virgolette doppie.

Answer 5

Ho avuto un problema simile con FireFox 5, che si è rivelato essere perché ero il caricamento del sito in locale da file e.g.file: ///. Appena ho messo il sito su un server web in esecuzione sulla mia macchina locale per esempio http: // localhost: 8080 , ha funzionato.

Si noti che Chrome ha funzionato bene durante il caricamento da file e stavo specificare un percorso relativo come per la risposta accettata sopra.

Answer 6

Servizio Usa carattere Scoiattoli. Dà il tuo codice a prova di proiettile e ti dà risultati coerenti. Prova

Answer 7

Ho avuto lo stesso problema. senza virgolette virgolette singole o doppie IT- fissi non funzionerebbero con FF. Non cita anche lavorato con Chrome - Non mi preoccupai cercando IE b / c è utilizzato un file diverso

.