<b>Размер шрифта в мобильной верстке: 6 ошибок, которые ломают читаемость</b>
Шрифт на мобиле редко “не работает” сам по себе — чаще его ломают настройками. Типовые ошибки: ставят слишком мелкий кегль, забывают про межстрочный интервал, выравнивают текст в узкую колонку и пытаются уместить весь смысл в один экран. В итоге пользователь не читает, а угадывает.
Для основного текста держите размер, при котором строка не выглядит плотной и тяжелой. Если абзац приходится щуриться читать на вытянутой руке — размер уже мал. Для заголовков важнее не “крупно”, а иерархия: заголовок должен явно отделяться от подзаголовка и текста, но не спорить с ним по высоте.
Проверьте связку из 3 параметров:
— кегль текста
— интерлиньяж
— длина строки
Если один из них выбивается, весь блок выглядит слабее. Особенно опасна попытка компенсировать маленький размер жирным начертанием: текст становится тяжелым, но не читабельным. Лучше чуть увеличить размер и оставить нормальную насыщенность.
Финальная проверка простая: откройте экран на реальном телефоне и прочитайте блок без зума. Если взгляд цепляется за каждую строку отдельно, а не скользит по абзацу, размер нужно пересобрать.
Мобильная верстка: лучшее
@mobile_first_design_tips_ww
<b>Размер шрифта в мобильной верстке: 6 ошибок, которые ломают читаемость</b>
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.