Я использую шрифт, который находится в Google Fonts на моем сайте, и я импортирую через css:
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,300i,400,400i,600,600i,700,800,900');
Проблема в том, что Статистика Google PageSpeed уведомляет следующую информацию:
Убедитесь, что текст все еще виден при загрузке веб-шрифта.
Используйте функцию просмотра шрифтов CSS, чтобы убедиться, что текст может быть просмотрен пользователем во время загрузки веб-шрифтов.
Под уведомлением перечислены все спецификации шрифтов, которые я импортирую:
У кого-нибудь была эта проблема?
Вы знаете, как это можно отрегулировать?
У меня есть это уведомление на нескольких сайтах, использующих шрифты Google.
Используйте 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