2015-01-13 6 views
8

Font Awesome 4.2.0 si adatta perfettamente a Chrome, Firefox, Safari, Opera e Internet Explorer 11 (ma solo con la modalità di compatibilità disattivata) . Con la modalità di compatibilità attivata "On" nessun rendering di glyphicon. Ho provato a utilizzare un CDN di Font Awesome 4.2.0 che ho utilizzato in altri progetti, utilizzando il Font Awesome CSS e aggiungendo il <meta http-equiv="X-UA-Compatible" content="IE=edge"> nel <head> come suggerito da un post GitHub per consentire ai glifi di rendering con la modalità di compatibilità attivata "On". Nessuna di queste soluzioni funziona e la modalità di compatibilità attivata "Off" non è un'opzione per questo progetto. Quindi, in conclusione, la mia domanda è questa. Come posso eseguire il rendering di Font Awesome 4.2.0 in Internet Explorer 11 con la modalità di compatibilità attivata "On"?Font Awesome 4.2.0 non visualizzato in IE11 con la modalità di compatibilità attivata "

+0

la modalità di compatibilità ironicamente chiamato. Credo che "Compatibility Mode" funzioni efficacemente come IE7, e IE7 non è supportato in Font Awesome 4 (ma con qualche sforzo, può essere fatto funzionare con 3). – HackedByChinese

risposta

25

Trovato la soluzione. <meta http-equiv="X-UA-Compatible" content="IE=edge"> deve essere inserito come tag FIRST nello <head> affinché funzioni. Spero che questo aiuti chiunque altro che ha questo problema!

+1

Solo se potessi inviarlo più volte .. – Umayr

+12

non ha funzionato per me :( –

+0

@ManjitSingh puoi fornire ulteriori informazioni in modo che possiamo provare e assistere? – racecarjonathan

1

Ho anche affrontato lo stesso problema. Nel mio caso, sotto la correzione funziona:

Firefox (e, in misura minore, Chrome e IE) ha un problema in cui non riesce a scaricare il font e quindi non visualizza nessuna delle icone correttamente.

Una correzione molto semplice è stata identificata in un certo numero di posizioni, cdnjs/cdnjs # 755 essendo uno di loro.

La correzione è quello di aggiungere quanto segue all'inizio del file del font-awesome.css (prima della chiamata @ font-family):

intestazione Set Access-Control-Allow-Origin "*"

Fonte: https://github.com/thingles/foreground/issues/222

+0

Provato ogni soluzione comune (quasi tutti elencati sopra) e questo era l'unico che funzionava. – NealR

6

Ho riscontrato questo problema con IE 11 sul mio computer di sviluppo (ma non altrove). Le mie Opzioni Internet erano impostate per non consentire i download di Font. Probabilmente non sarà comune, visto che sono su Windows Server, ma in tal caso provate a risolverlo:

[Ingranaggio] >> Opzioni Internet >> Sicurezza >> Livello personalizzato >> Download >> Carattere Download> > Abilita

0

Nel mio caso era un display: table impostato sull'elemento. La rimozione ha risolto un problema.

0

Cerca nella rimozione dei tag di versione dalla fine dei file. Questi tag fanno sì che IE abbia degli attacchi.

cambiamento questo ...

../fonts/fontawesome-webfont.eot?v=4.3.0' 

a questo ...

../fonts/fontawesome-webfont.eot'