Размер шрифта в мобильной верстке: как не убить читабельность

Размер шрифта в мобильной верстке: как не убить читабельность

Шрифт на мобильном экране должен помогать сканировать текст, а не «красиво стоять» в макете. Ошибка №1 — ставить один размер для всего: заголовок, подзаголовок, текст и подписи начинают спорить друг с другом.

Рабочая логика простая:
— основной текст не мельчит, иначе пользователь быстро устает;
— заголовок должен быть заметно крупнее, но не кричать;
— второстепенные элементы лучше делать на 1–2 шага меньше, чем базовый текст;
— чем длиннее строка, тем осторожнее с размером: крупный шрифт на узком экране ломает ритм.

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

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