Google font display = swap странное поведение - PullRequest
0 голосов
/ 11 июня 2019

Я попытался использовать API шрифтов Google, введя этот кусок кода в мой HTML-код

<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Source+Serif+Pro|Suwannaphum&display=swap" rel="stylesheet">

Я обнаружил, что при загрузке моего веб-сайта текст, использующий шрифт, будет сбоем. В течение короткой секунды он будет отображаться как маленький, а затем станет нормальным.

После долгих экспериментов я удалил секцию &display=swap из кода, и проблема больше не возникала, и я смог использовать шрифт.

Почему &display=swap вызывает сбой? Я скопировал код прямо с веб-сайта шрифтов Google API.

1 Ответ

2 голосов
/ 11 июня 2019

&display=swap устанавливает font-display: swap, что позволяет использовать запасной шрифт (меньший в вашем случае) до тех пор, пока шрифт не будет загружен и может быть заменен.

Если вы не используете &display=swap, у вас не возникнет проблем со сменой шрифтов, однако потребуется больше времени, прежде чем текст, использующий шрифт, появится на вашем сайте.

...