Avendo un problema con Font non si sa perché si sta caricando per Chrome, ma in Firefox sembra che non sia stato caricato.Font non caricato in firefox ma funziona in chrome
Ecco un example
Grazie in anticipo
Avendo un problema con Font non si sa perché si sta caricando per Chrome, ma in Firefox sembra che non sia stato caricato.Font non caricato in firefox ma funziona in chrome
Ecco un example
Grazie in anticipo
Credo che Firefox supporta solo TrueType/OpenType TT(.ttf)
e OpenType PS (.otf)
.
Dai un'occhiata allo this table.
MODIFICA: La tua risposta si trova here penso.
Firefox accetta solo il percorso relativo ai caratteri. Se si desidera utilizzare un dominio diverso per ospitare il tipo di carattere da quello in cui si trova la pagina, è necessario seguire HTTP access control la politica di Mozilla:
Questo standard condivisione cross-origine è utilizzata per abilitare le richieste HTTP cross-site per:
[...]
caratteri Web (per l'utilizzo di font cross-domain di @ font-face all'interno CSS
Dai un'occhiata a questo SO filo, che aveva lo stesso identico problema di Hai. Il suggerito w ork giro è stato offerto in altre comunità e ha contribuito a risolvere questo problema:
penso che potrebbe essere migliore di utilizzare solo direttamente dalla Google. Quindi non è necessario preoccuparsi di eventuali problemi di copyright ed è gratuito.
http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:
In Firefox (Gecko), web fonts sono soggetti alla stessa restrizione del dominio (file dei font devono essere sullo stesso dominio della pagina che li utilizzano), a meno che i controlli di accesso HTTP vengono utilizzati per rilassare questo restrizione.
Nota: poiché non vi sono tipi MIME definiti per i caratteri TrueType, OpenType e WOFF (Web Open File Format), il tipo MIME del file specificato non viene considerato.
salvare font nella stessa directory e applicare in questo modo questo funzionerà ho il check-nel mio firefox 12,0
@font-face
{
font-family: 'Play';
src: url('play.ttf');
}
.font
{
font-family: "play";
font-size: 20px;
}
<p class="font">TESTING</p>
Ho avuto questo stesso problema esattamente un paio di settimane fa.
tutto quello che ho fatto è stato aggiungere local('*Name of Font*)
in modo che il browser dovrebbe cercare il tipo di carattere
Firefox è strano. Ho notato che nei server locali di sviluppo proverà a caricare il carattere dai set di caratteri di installazione prima di cercare effettivamente il carattere src nel percorso specificato.
Questo locale è stato utile per indicare che cercherà nei set di caratteri locali.
Usi:
<base href="http://www.site.com/" />
Se è così, modificarla in:
<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />
può essere utile per voi http://www.fontsquirrel.com/blog/2010/11/ troubleshooting-font-face-problems – agriboz
fiddle funziona bene in Chrome, significa che il codice è valido – khurram
possibile duplicato di http://stackoverflow.com/questions/2856502/css-font-face-not-working-with-firefox-but -Lavorare-con-cromo e-ie –