Как в React-проекте монтировать (запускать) приложение только после загрузки всех шрифтов с Google Fonts?

Question

[Евдоким]

Возникла ситуация, когда страница SPA "дёргается" после загрузки всех Google-шрифтов.
Есть ли какой-нибудь современный плагин для Webpack либо библиотека, которые могли бы решить проблему?

Допустим, чтобы моё приложение монтировалось и инициализировалось только после загрузки всех шрифтов.

Либо чтобы webpack-плагин предварительно мог подготовить шрифты для загрузки.

Поделитесь пожалуйста опытом. Спасибо!

Comments

[Даниил Чистяков]

font-display: swap
прописан?

[Евдоким]

Даниил Чистяков, Конечно

[Даниил Чистяков]

Евдоким, тогда уберите, если не хотите замечать подгрузку шрифтов

Answer 1

[Андрей Гуртовой]

https://developer.mozilla.org/en-US/docs/Web/API/F...
Вот решение. Но придётся руками прописать ожидаемые шрифты
+ это экспериментальная технология, не забудьте про полифил