Многие поисковые системы ранжируют страницы на основе того, насколько они удобны для мобильных устройств. Шрифты размером менее 12 пикселей часто трудно читать на мобильных устройствах, и пользователям может потребоваться увеличить масштаб для отображения текста в удобном для чтения размере.
Почему проверка размера шрифта Lighthouse не удалась
Маяк помечает страницы размерами шрифтов, которые слишком малы для удобного чтения на мобильных устройствах:
Маяк помечает страницы, на которых 40% или более текста имеют размер шрифта менее 12 пикселей. Если страница не проходит аудит, Lighthouse отображает результаты в таблице с четырьмя столбцами:
| Источник | Исходное расположение набора правил CSS, вызывающего неразборчивый текст. |
| Селектор | Селектор набора правил. |
| % текста страницы | Процент текста на странице, на который влияет набор правил. |
| Размер шрифта | Вычисленный размер текста. |
Как исправить неразборчивые шрифты
Проверьте размеры шрифтов в CSS. Старайтесь использовать размер шрифта не менее 12 пикселей как минимум для 60% текста на вашей странице.
Как исправить отсутствующую конфигурацию области просмотра
Если Lighthouse сообщает Text is illegible because of a missing viewport config , добавьте <meta name="viewport" content="width=device-width, initial-scale=1"> в <head> вашего документа.
Дополнительную информацию см. в сообщении «Не имеет тега <meta name="viewport"> с width или initial-scale .
Ресурсы
Исходный код документа не использует аудит разборчивых размеров шрифта.