Как отследить загрузку шрифтов через JS?

Question

[Сергей]

Есть динамический блок DIV, там постоянно обновляется список шрифтов (какие то удаляются, и иногда новые добавляются)

<div id="listFonts">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap&subset=cyrillic,cyrillic-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap&subset=cyrillic,cyrillic-ext" rel="stylesheet">
</div>

Добавление происходит в функции JS, где DIV полностью стирается $('#listFonts').html(''); и потом добавляется новый список $('#listFonts').append(htmlListFonts);

Возможно ли после функции append отследить полную загрузку каждого шрифта?

Comments

[Rustam Bainazarov]

https://fontfaceobserver.com/

https://developer.mozilla.org/en-US/docs/Web/API/C...