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

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

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

На практике чаще всего ошибаются в двух местах: ставят один размер почти на весь экран или делают заголовки слишком близкими к основному тексту. В итоге пользователь не понимает, где начало блока, где акцент и где действие. Лучше собрать понятную шкалу: один размер для текста, отдельный для подзаголовка, еще один для ключевого акцента.

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

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