Мобильная верстка: лучшее

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

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

Шрифт на мобиле редко “не работает” сам по себе — чаще его ломают настройками. Типовые ошибки: ставят слишком мелкий кегль, забывают про межстрочный интервал, выравнивают текст в узкую колонку и пытаются уместить весь смысл в один экран. В итоге пользователь не читает, а угадывает.

Для основного текста держите размер, при котором строка не выглядит плотной и тяжелой. Если абзац приходится щуриться читать на вытянутой руке — размер уже мал. Для заголовков важнее не “крупно”, а иерархия: заголовок должен явно отделяться от подзаголовка и текста, но не спорить с ним по высоте.

Проверьте связку из 3 параметров:
— кегль текста
— интерлиньяж
— длина строки

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

Финальная проверка простая: откройте экран на реальном телефоне и прочитайте блок без зума. Если взгляд цепляется за каждую строку отдельно, а не скользит по абзацу, размер нужно пересобрать.
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.
tech

Свежие посты в категории «Tech Infrastructure»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @dumay. Быстрый тест: $20 за канал, $1000 за пакет по сети.