Коротко: типографика решает, прочитает ли посетитель текст или уйдёт. 95% сайта — это текст, и шрифт, его размер и расстояние между строками определяют, насколько легко глаз его проходит. Текст, который тяжело читать, не доносит сообщение, каким бы хорошим ни был контент, — и теряет клиента ещё до кнопки. Так что выбор шрифта это бизнес-решение, а не вопрос вкуса.

Почему шрифт решает больше, чем кажется

Типографика работает сразу на трёх уровнях. Читаемость — насколько комфортно читать без усилия. Иерархия — что видишь первым, что вторым, куда идёт взгляд. И характер бренда: шрифт говорит «серьёзно и надёжно» или «дёшево и наспех» в первую секунду, ещё до того, как вы прочли хоть слово. Бывало, что сайт выглядел неаккуратно, а вы не могли понять почему? Часто дело было в типографике.

Базовые правила, без лишней теории

Не нужно быть типографом. Несколько ориентиров закрывают 90% случаев.

  • Кегль текста: 16–18px на десктопе. Меньше 16px — глаз устаёт; это самая частая ошибка.
  • Межстрочный интервал: примерно 1.5. Слипшиеся строки кажутся тесными, и глаз теряет следующую строку.
  • Длина строки: 50–75 символов. Слишком широкая строка утомляет; слишком узкая ломает ритм чтения.
  • Контраст с фоном: тёмный текст на светлом фоне. Светло-серый на белом выглядит «элегантно» в Figma, но на телефоне под солнцем становится нечитаемым.

Сколько шрифтов и как их сочетать

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

Мобильный читает иначе

Большинство людей в Молдове открывают ваш сайт с телефона. На маленьком экране огромный десктопный заголовок превращается в стену букв во весь экран, а текст в 14px требует зума. Проверьте сами: откройте сайт на своём телефоне на улице, при дневном свете. Если приходится приближать, чтобы прочитать, клиента вы уже потеряли.

Ловушка многоязычных шрифтов в Молдове

Вот деталь, которую многие упускают. Сайт в Молдове часто работает на румынском и русском, поэтому шрифт обязан тянуть и латинскую диакритику — ă, â, î, ș, ț — и кириллицу, в одном наборе, одним характером. Многие «модные» шрифты не имеют корректных ș и ț или вовсе не покрывают кириллицу, и тогда браузер подменяет букву другим шрифтом, а текст выглядит разваленным. Тестируйте шрифт на реальных словах, на обоих языках, до того как выбрать его.

Вес шрифта стоит скорости

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

Ошибки, которые встречаются чаще всего

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

В shadowforge мы относимся к типографике как к части дизайна и конверсии, а не как к мелочи в самом конце — шрифты, которые держат диакритику и кириллицу, читаемы на мобильном и быстро грузятся. Напишите нам, если хотите, чтобы ваш текст действительно читали, а не просто отображали.