2013-08-28 4 views
8

Ho usato Bootstrap e Font Awesome per un po 'ora senza problemi. Sembra che quando sono passato a Bootstrap 3 le icone di Font Awesome non vengono più visualizzate in IE10 e Firefox. Ma funziona bene in Chrome e Safari.Bootstrap 3.0 e Font Awesome

Ho le stesse icone in un progetto che ho fatto in RC1/RC2 e che funziona ancora bene. Qualcuno sa cosa è successo?

risposta

2

Vedere anche: Updating Bootstrap to version 3 - what do I have to do? in RC1 i Glyphicons erano stati rimossi. Glyphicons sono tornati dal RC2 (180 glifi in formato font dal set Glyphicon Halflings). Forse questo causa i tuoi problemi. Prova a rimuovere i Glyphicon dal CSS di bootstrap. Rimuovere la linea @import "glyphicons.less"; dal bootstrap.less e ricostruire Bootstrap.

Controllare anche Glyphicon e font-awesome hanno bisogno di diversi formati di font per diversi browser (.eot, .woff, .ttf, .svg). Se uno è rotto o mancante, non funzionerà su alcuni browser.

+1

Sta parlando di carattere impressionante non i glyphicon. – Flavien

+2

@flavien si, lo so. Ecco perché ho detto: "Prova a rimuovere i Glyphicon dal CSS di bootstrap". Forse c'è un conflitto tra Glyphicons (in bundle di default) e font-awesome. Ma causa il diverso risultato su diversi browser alcuni font mancano molto probabilmente. –