Как проверить загрузился ли шрифт?

Question

[Ингвар Фон Бьёрк]

На сайте высота одного из блоков выставляется через JS, но файл шрифта весит слишком много, из-за чего он загружается уже после выполнения JS. Есть ли возможность отследить момент загрузки шрифта и после этого выполнить JS?

Answer 1

[Mikhail Kim]

Используй промисы.
Можно fetch API. Там используются промисы.
https://learn.javascript.ru/fetch

Answer 2

[Алекс Глебов]

Вот обработчик загрузки шрифта

if (document.fonts) {
    document.fonts.load("bold 16px 'Open Sans'", "b").then(function() {
        console.log('font loaded')
    });
}

Но лучше оптимизировать шрифт https://www.fontsquirrel.com/tools/webfont-generator