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

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

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

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

Отдельно проверьте адаптивность: один и тот же кегль может выглядеть по-разному на разных ширинах, если у текста меняется длина строки. Слишком широкая строка утомляет, слишком короткая делает чтение дерганым.

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