2016-01-30 8 views
6

ich FontAwesome als ein paar meiner Symbole auf meiner Website bin mit:Schrift Ehrfürchtig Blinken in Google Chrome

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

Aber in Chrom, wenn ich die Seite aktualisieren dauert es 0,5-ish Sekunde für Schrift Ehrfürchtig laden die Seite wird verschoben und dann zurück bewegt, wenn die Schriftart geladen wird.

Ich habe es mit Edge und Firefox versucht und sie laden sofort, warum ist das?

+0

googeln für "FOUT". Wenn Chrome Ihren Inhalt vor dem Laden des CSS schneller anzeigt, erhalten Sie eine ** F ** lash ** O ** f ** U ** nstyled ** T ** ext, weshalb Sie dies in der Regel tun müssen stellen Sie sicher, dass Sie kein komplettes DOM-Rendering haben, bevor Ihr CSS fertig geladen ist (und dass der Inhalt, den Sie zeigen, während CSS geladen wird, nicht wirklich zu viel Styling hat). Wo ist der Rest deines Codes? Z.B. Wo ist der HTML-Code, der angibt, wie viel von deinem Inhalt fontawesome verwendet? –

+0

Ich verwende myBB und FA, um die Forum Icons zu laden und das ist es. Ich benutze es auf vielleicht 1 Sache, die 4 Artikel ist. –

+0

Sind die unformatierten Forum-Symbol-Platzhalter anders als die, aus denen FA sie macht? Wenn das der Fall ist, sollten (auch mit einem Restyle) die Inhalte nicht mehr verschoben werden. –

Antwort

2

Versuchen Sie es direkt auf Ihrem Hosting-Server und laden Sie es von dort. Das Laden von Assets aus CDNs verursacht manchmal Probleme.