<b>Размер шрифтов в мобильной верстке: 6 ошибок, из-за которых падает читаемость</b>

<b>Размер шрифтов в мобильной верстке: 6 ошибок, из-за которых падает читаемость</b>

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

— Не опускайте основной текст ниже комфортного минимума: если его сложно читать без зума, размер уже не работает.
— Не делайте заголовки слишком близкими к обычному тексту: визуальная иерархия исчезает.
— Не смешивайте много размеров подряд: 3–4 уровня типографики обычно достаточно.
— Не забывайте про межстрочный интервал: при маленьком кегле тесные строки читаются хуже самого шрифта.

Проверьте текст на двух крайностях: на узком экране и в длинных блоках. Если абзац выглядит «серой стеной», значит нужно увеличить кегль, межстрочный интервал или сократить длину строки. Если заголовок не выделяется с первого взгляда, иерархия сломана.

Хорошее правило простое: размер шрифта должен помогать сканировать страницу, а не заставлять в неё вглядываться.