Jak sprawdzić, czy czcionka (@ font-face) została już załadowana?
Używam Font-Awesome, ale gdy pliki czcionek nie są ładowane, ikony pojawiają się z .
Więc chcę, żeby te ikony miałydisplay:none
podczas gdy pliki nie są ładowane.
@font-face {
font-family: "FontAwesome";
src: url('../font/fontawesome-webfont.eot');
src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
Skąd mam wiedzieć, że te pliki zostały załadowane i że w końcu mogę wyświetlić ikony?
Edytować: Nie mówię, gdy strona jest ładowana (onload), ponieważ czcionka może zostać załadowana przed całą stroną.