¿Cómo saber si una fuente (@ font-face) ya se ha cargado?
Estoy usando Font-Awesome, pero mientras los archivos de fuentes no están cargados, los iconos aparecen con .
Por lo tanto, quiero que estos iconos tengandisplay:none
mientras que los archivos no se cargan.
@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;
}
¿Cómo sé que estos archivos se han cargado y finalmente puedo mostrar los íconos?
Editar: No estoy hablando cuando la página está cargada (onload), porque la fuente podría cargarse antes de toda la página.