Как узнать, был ли уже загружен шрифт (@ font-face)?

Я использую Font-Awesome, но пока файлы шрифтов не загружены, значки отображаются с & # xF0D3 ;.

Итак, я хочу, чтобы эти значкиdisplay:none пока файлы не загружены.

@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;
}

Как я узнаю, что эти файлы были загружены, и я наконец смог показать значки?

Edit: Я не говорю, когда страница загружена (onload), потому что шрифт мог быть загружен перед всей страницей.

Ответы на вопрос(7)

Ваш ответ на вопрос