Текст занимает 80% любой страницы, но большинство дизайнеров относятся к шрифтам как к декору, который можно схватить из Google Fonts и забыть. На деле типографика решает всё: дочитает ли человек до кнопки “Купить” или закроет вкладку через несколько секунд. Хорошая верстка текста работает как невидимый гид: плавно ведёт взгляд, расставляет акценты и передаёт эмоции без единого лишнего слова.
Самая частая ошибка это одинаковые шрифты для всего. Заголовок, подзаголовки, основной текст в одном стиле, только размер меняется. Мозг теряет ориентиры и не понимает, что главное, а что второстепенное. Правильно будет взять выразительный шрифт для заголовков и нейтральный без засечек для основного текста. Два максимум, иначе получается хаос.
Расстояние между строками создаёт ритм чтения. Когда текст слишком плотный, страница давит на глаза, а чрезмерная свобода делает его расплывчатым и тяжёлым для восприятия. Оптимальный вариант, когда вертикальный ритм текста перекликается с отступами между блоками контента, создавая единый плавный поток страницы.
Ширина строки тоже важна. При 60-70 символах в строке текст читается естественно, длинные строки теряются в конце, а слишком короткие начинают скакать из-за неровных пробелов. Выравнивание слева работает лучше всего для языков слева направо, центр хорош только для коротких фраз, а растянутое по ширине выравнивание редко даёт стабильный результат.
Кернинг — расстояние между буквами — особенно заметен в заголовках. Когда буквы стоят слишком близко, текст выглядит дешёвым и кустарным, излишние пробелы делают его тяжёлым для восприятия. Этот нюанс превращает обычный H1 в премиальный элемент, особенно если заголовок длиннее двух слов.
Мобильная типографика требует отдельного внимания. Шрифты должны быть крупнее, межстрочные отступы шире, абзацы короче — пользователь часто читает одной рукой в движении. Текст должен течь легко, не заставляя поворачивать телефон или увеличивать масштаб.
Проверить типографику просто: покажите страницу человеку, который видит её впервые. Если он читает дальше первой строки и понимает, куда жать дальше, то все работает. Закрыл вкладку сразу, то стоит поправить шрифты и размеры. Хорошая типографика не бросается в глаза, но незаметно удваивает эффективность любого контента.