Как узнать, загрузился ли шрифт из font-face?

Question

[Константин]

Интересует вопрос, есть ли какой-то метод узнать загрузился ли кастомный шрифт из font-face?
Мне это необходимо для того, чтобы выставить отдельные css-правила для шрифта-альтернативы.

Comments

[Александр Кит]

А почему так не подходит?

{font-family:'MyCustomFont','Arial Black';}

Если с кастомным шрифтом будут проблемы, возьмется Arail Black.

[max_rip]

У вас на айфоне не загружается шрифт?)

Answer 1

[Marsin]

document.fonts.ready.then(function() {
  //Пишите условие, которое должно выполниться, после загрузки шрифтов...
  //Например текст opacity: 1 (предварительно указав в стилях opacity: 0)
  //Это предотвратит "скакание" шрифта при загрузке страницы.
});

Answer 2

[LightKeeper]

С помощью jQuery можно узнать текущие свойства объекта:

a = $(".someClass").css(«font-family»);

Результат: «Arial, Helvetica, sans-serif»

Comments

[Константин]

Это вариант. Спасибо

[max_rip]

ээ а как это поможет узнать, загрузился ли шрифт в браузер?
Это только свойство, которое рекомендует браузеру какой шрифт использовать, а если их несколько то приоритет замены отсутствующего шрифта.

Answer 3

[lashtal]

а разве не
document.defaultView.getComputedStyle($('.answer')[0], null).fontFamily

Comments

[Александр Леон-Булатов]

Это только как свойство, а не указание на то загрузился ли шрифт вместе со страницей