2016-01-30 24 views
6

używam FontAwesome jak kilku moich ikon na mojej stronie internetowej:czcionki Miga w Google Chrome

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

Ale w chromie kiedy odśwież stronę trwa 0,5-owski sekund dla czcionki Niesamowite załadować powoduje przesunięcie strony, a następnie cofnięcie po załadowaniu czcionki.

Próbowałem już z Edge i Firefox i ładują się natychmiast, dlaczego tak jest?

+0

google dla "FOUT". Jeśli Chrome szybciej wyświetla zawartość przed załadowaniem CSS, otrzymasz ** F ** lash ** O ** f ** U ** nstyled ** T ** ext, dlatego zazwyczaj musisz upewnij się, że nie masz całego DOM-a, zanim Twój CSS się załaduje (i że zawartość, którą pokazujesz, podczas gdy CSS wciąż się ładuje, nie jest zbytnio stylizowana). Gdzie jest reszta twojego kodu? Na przykład. gdzie jest HTML, który pokazuje, ile twoich treści używa fontawesome? –

+0

Używam myBB i FA do załadowania ikon forum i to jest to. Używam go na może 1 rzeczy, która jest 4 pozycji. –

+0

Czy są to symbole zastępcze w ikonach niezaestylowanych o różnych rozmiarach, od których FA je przekształca? Jeśli tak, to próbując dopasować te, które powinieneś (nawet przy restyle) nie powodować już zmian treści. –

Odpowiedz

2

Spróbuj umieścić go bezpośrednio na serwerze hostingowym i załaduj go stamtąd. Ładowanie zasobów z CDN czasem powoduje problemy.