Como saber se uma fonte (@ font-face) já foi carregada?
Eu estou usando Font-Awesome, mas enquanto os arquivos de fonte não são carregados, os ícones aparecem com .
Então, eu quero que esses ícones tenhamdisplay:none
enquanto os arquivos não são carregados.
@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;
}
Como eu sei que esses arquivos foram carregados e finalmente consegui mostrar os ícones?
Editar: Eu não estou falando quando a página é carregada (onload), porque a fonte pode ser carregada antes de toda a página.