Блог

Веб-страница загружает файл CSS с несколькими @font-face правилами, такими как

 @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-stretch: normal;
src: url(https://fonts.gstatic.com/s/opensans/v26/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWV0ewJER.woff2) format('woff2');
unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F;
font-display: swap;
}
 

Как вы видите, font-display:swap объявление есть, но когда я проверяю страницу в Google PageSpeed Insights, я все равно получаю предупреждение

Убедитесь, что текст остается видимым во время загрузки webfont

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

Почему?

Рекомендуется загрузить шрифт в свой HTML-тег head. Я думаю, что это предупреждение генерируется потому, что вы определяете URL-адрес в своем CSS.