Отсутсутсвует display=swap при подключении шрифтов Гугл

ФС-Групп добавил(а) 3 года назад
Решена

В настройках Аспро можно выбрать 1 из 12 шрифтов Гугл. На странице сайта выбранный шрифт подключается с помощью такого кода:

<link href="https://fonts.googleapis.com/css?family=Ubuntu:300italic,400italic,500italic,700italic,400,300,500,700subset=latin,cyrillic-ext" rel="stylesheet">
Однако тест PSI от Гугл ругается, что не настроен показ всего текста во время загрузки веб-шрифтов. Хотя это легко исправить. Надо добавить &display=swap в адрес загрузки шрифтов Гугл. Получится:

<link href="https://fonts.googleapis.com/css?family=Ubuntu:300italic,400italic,500italic,700italic,400,300,500,700subset=latin,cyrillic-ext&display=swap" rel="stylesheet">

Ответы (1)

фото
2

Перед подключением таких шрифтов Гугл рекомендует добавить такую строку:


<li nk rel="preconnect" href="https://fonts.gstatic.com" crossorigin >

Комментировать
 
Прикрепить файлы