Le icone di Font Awesome scompaiono dopo l’aggiornamento in Chrome

Bootstrap versione 3

Font Awesome versione 3.2.1

Sto riscontrando problemi con il bootstrap e il font fantastico su Chrome. Quando originariamente caricavo una pagina, le icone fantastiche del font sono visualizzate correttamente. Quando aggiorno la pagina, le icone scompaiono. ** Per chiarire, manca l’intera icona, questo non è il problema della scatola vuota che altri incontrano.

In questo caso, mi sono accorto che c’erano delle differenze nell’ordine in cui i file sono stati recuperati tra il caricamento della pagina originale e l’aggiornamento.

Quando la pagina viene aggiornata, il file di font è l’ultimo elemento da recuperare e sembra che sia anche una versione memorizzata nella cache.

Infine, tutte le icone che si trovano all’interno di

verranno caricate quando il mouse sorvola il div .

Qualsiasi aiuto sarebbe molto apprezzato!

Caricamento iniziale della pagina Caricamento della pagina originale

Intestazioni di caricamento pagina originali

Pagina di aggiornamento Pagina di aggiornamento

Pagina Aggiorna intestazioni

Immagino che tu sia su una macchina Windows, giusto?

Questo è un vecchio problema con Chrome. Vedi questo post su CSS Tricks. Il penultimo post dovrebbe essere la risposta alla tua domanda. O in breve: utilizzare la PUA (Private Use Area) per la codifica.

Gli Unicode (codici PUA) per ciascuna icona sono elencati nel file Font Awesome CSS – vedi: Font Awesome utilizza l’area di utilizzo privata (PUA) Unicode … (attorno alla riga 190).

Ho avuto lo stesso problema nell’ultima versione di chrome (33.0.1750.152) Soluzione di lavoro per me: sposta gli stili dalla sezione corpo a testa.