2016-01-30 10 views
6

Sto usando FontAwesome come alcuni dei miei icone sul mio sito:carattere impressionante lampeggiante in Google Chrome

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

Ma, in cromo quando mi aggiorna la pagina ci vuole secondo 0.5-ish per Font impressionante per caricare causando lo spostamento della pagina e quindi tornare indietro quando il carattere viene caricato.

L'ho provato con Edge e Firefox e si caricano all'istante, perché è questo?

+0

google per "FOUT". Se Chrome è più veloce a visualizzare i tuoi contenuti prima di caricare il CSS, otterrai una ** F ** lash ** O ** f ** U ** nstyled ** T ** ext, motivo per cui generalmente devi assicurati di non avere un intero rendering DOM prima che il tuo CSS abbia finito di caricare (e che il contenuto che mostri mentre il CSS viene caricato non sia davvero troppo stilizzato). Dov'è il resto del tuo codice? Per esempio. dov'è l'HTML che mostra quanto dei tuoi contenuti sta usando fontawesome? –

+0

Sto usando myBB e FA per caricare le icone del forum e basta. Sto usando su forse 1 cosa che è 4 elementi. –

+0

I segnaposti delle icone del forum senza stile sono di dimensioni diverse da quelle in cui vengono convertiti in FA? Se è così, provare a combaciare con quelli dovrebbe (anche con un restyling) non causare più lo spostamento del contenuto. –

risposta

2

Prova a metterlo direttamente sul tuo server di hosting e caricarlo da lì. Il caricamento di risorse da CDN a volte causa problemi.