<b>Размер шрифта в мобильной верстке: 5 правил, которые спасают читабельность</b>
Шрифт на мобильном — это не про «красиво», а про скорость чтения. Если текст приходится увеличивать глазами, интерфейс уже проиграл.
— Основной текст держите в диапазоне 15–18 px: меньше — устают глаза, больше — ломается ритм экрана.
— Межстрочный интервал делайте щедрым: тесные строки выглядят плотным блоком и хуже сканируются.
— Заголовки должны заметно отличаться от текста, но не кричать: разница в размерах важнее декоративности.
— Не полагайтесь только на жирность: один и тот же кегль с разным весом решает не все.
— Проверяйте текст на длинных словах и переносах: именно они чаще всего ломают сетку на узких экранах.
Отдельно следите за кнопками, подсказками и системными сообщениями: если там кегль ниже основного текста, пользователь начнет пропускать важные действия.
Хорошая проверка простая: откройте экран на маленьком устройстве и прочитайте его без зума. Если взгляд не спотыкается, размер шрифта выбран верно.
Мобильная верстка: лучшее
@mobile_first_design_tips_ww
<b>Размер шрифта в мобильной верстке: 5 правил, которые спасают читабельность</b>
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.