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 "
risposta
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!
Solo se potessi inviarlo più volte .. – Umayr
non ha funzionato per me :( –
@ManjitSingh puoi fornire ulteriori informazioni in modo che possiamo provare e assistere? – racecarjonathan
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 "*"
Provato ogni soluzione comune (quasi tutti elencati sopra) e questo era l'unico che funzionava. – NealR
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
Nel mio caso era un display: table impostato sull'elemento. La rimozione ha risolto un problema.
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'
- 1. Font Awesome non funziona in modalità offline
- 2. Font Awesome Icone non visualizzate affatto
- 3. ActionBar setIcon con Font-Awesome
- 4. Font-Awesome ExtJS ActionColumn
- 5. Font Awesome Colore di sfondo
- 6. Font Awesome e i3bar
- 7. Personalizzare un select con font-awesome
- 8. Grunt wiredep non injecting font-awesome
- 9. Bootstrap 3.0 e Font Awesome
- 10. Font Awesome Icons only printing in Black
- 11. Font Awesome non funziona in Firefox e IE
- 12. Che cos'è un alias in font-awesome?
- 13. Font Awesome vs Glyphicons in Twitter Bootstrap
- 14. Font-Awesome Icon stacking issue in safari
- 15. Font-Awesome Come ottenere caratteri in scala?
- 16. I font delle icone non vengono caricati in IE11
- 17. IE11 La modalità documento è impostata su IE7. Come resettare?
- 18. IE8 forzato in modalità compatibilità
- 19. Bootstrap e Font Awesome `latest` collegamento CDN?
- 20. Come installare solo i font richiesti da Font Awesome?
- 21. Select2 Font Awesome Icon on Placeholder
- 22. Verificare se l'utente utilizza IE con la modalità di compatibilità
- 23. Estendi icone dell'interfaccia utente jQuery con Font-Awesome
- 24. Come viene attivata la 'modalità lettore' in Firefox?
- 25. Come configurare la directory di output dei file dei font da font-awesome-webpack nel webpack?
- 26. Include font-awesome in bootstrap sass via Bower
- 27. Accesso negato per localStorage in IE11 ma solo in modalità desktop (non in modalità metropolitana)
- 28. Cambiare l'icona del carattere in WPF usando Font Awesome
- 29. Spring Boot - Font Awesome Errore di parsing OTS: Conversione fallita
- 30. Plugin cercapersone JQuery tableser non funziona correttamente con IE11 in modalità Edge
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