Штраф за Google Page Fonts за скорость страницы - PullRequest
0 голосов
/ 30 мая 2019

Я использую шрифт, который есть в Google Fonts на моем сайте, и я импортирую через css:

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,300i,400,400i,600,600i,700,800,900');

Проблема в том, что Google PageSpeed ​​Insights уведомляет следующую информацию:

Убедитесь, что текст все еще виден при загрузке веб-шрифта

Используйте функцию просмотра шрифтов CSS, чтобы пользователь мог просматривать текст во время загрузки веб-шрифтов.

Ниже уведомления перечислены все спецификации шрифтов, которые я импортирую:

inserir a descrição da imagem aqui

У кого-нибудь была такая проблема?

Знаете ли вы, как это можно отрегулировать?

У меня есть это уведомление на нескольких сайтах, которые используют шрифты Google.

1 Ответ

1 голос
/ 02 июня 2019

Используйте font-display: swap; или font-display: fallback; под @font-face

Google Front URL для font-display: swap;:

https://fonts.googleapis.com/css?family=Montserrat:100,300,300i,400,400i,600,600i,700,800,900&display=swap

Google Front URL для с font-display: fallback;:

https://fonts.googleapis.com/css?family=Montserrat:100,300,300i,400,400i,600,600i,700,800,900&display=fallback
...