Есть ли способ выгружать веб-шрифт Google Fonts при загрузке вместо перепрошивки после загрузки? - PullRequest
0 голосов
/ 25 октября 2019

Я использую Google Font на своем сайте со следующим тегом на моей странице index.html:

<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500&display=block" rel="stylesheet">

Независимо от того, что я делаю, первая загрузка страницы приводит к вспышкеизменение / появление текста.

Я экспериментировал с изменением display на block, swap и т. д. Но независимо от того, что я выбираю, есть либо FOUT, либо FOIT.

Я также пытался использовать transition: 1s linear (или аналогичный) для блоков, где в конечном итоге появится текст. Кажется, это не имеет значения.

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

1 Ответ

0 голосов
/ 25 октября 2019

Вы можете попробовать использовать функцию preload в своем теге link. Это говорит вашему браузеру загружать ваши файлы, как только они потребуются

<link rel="preload" href="/" type="font/ttf" crossorigin="anonymous" />

Подробнее о теге preload читайте здесь: Источник

...