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

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

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

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

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

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