document.fonts.ready не выполняется после загрузки всех шрифтов. Перед загрузкой шрифтов выполняется

Question

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

document.fonts.ready.then( () => {
    document.fonts.check('14px Poppins'); // returning false always in ready promise
} );

Но после полной загрузки сайта, если проверить наличие шрифта, я получаю истинное значение

Я имею в виду document.fonts.check('14px Poppins'); // returning true.

Правильный ли вышеуказанный подход, чтобы проверить, загружен шрифт или нет?

Answer 1

Попробуйте следующее, пожалуйста:

document.fonts.ready.then(function() {
    document.fonts.check('14px Poppins');
});

Должно работать с Chrome, Firefox, Opera и Safari.

Моя ссылка: https://developer.mozilla.org/en-US/docs/Web/API/Document/fonts