Размер шрифта в мобильной верстке: 5 правил, которые спасают читаемость

Размер шрифта в мобильной верстке: 5 правил, которые спасают читаемость

На телефоне «красивый» текст часто проигрывает удобному. Если шрифт мелкий, пользователь не читает даже сильный оффер. Если слишком крупный — ломается ритм и уезжает экран. Баланс держится на нескольких простых правилах.

— Базовый текст делайте комфортным для чтения без зума: не пытайтесь уместить больше информации ценой размера.
— Заголовки должны заметно отличаться от основного текста, но не кричать: важна иерархия, а не просто масштаб.
— Межстрочный интервал подбирайте вместе со шрифтом: плотный текст на мобильном быстро утомляет.
— Длинные слова и строки проверяйте в узких экранах: там чаще всего всплывают переносы и «сломанные» блоки.

Отдельно проверьте кнопки, подписи, формы и карточки. В них размер шрифта часто уменьшают сильнее всего, хотя именно там пользователь принимает решение и вводит данные. Если текст выглядит второстепенно, блок начинает терять смысл.

Хорошая привычка — смотреть макет не только на идеальном экране, а на самом узком и самом привычном для вашей аудитории. Если там все читается без напряжения, значит размер шрифта выбран правильно.