Часто задаваемые вопросы

Кёрнинг (kerning) — это регулировка пространства между конкретной парой символов. Он применяется там, где стандартные метрики шрифта дают визуально неравномерные промежутки: например, между «A» и «V» или «T» и «o». Трекинг (tracking, letter-spacing) — равномерное увеличение или уменьшение промежутков между всеми символами строки или абзаца. Трекинг применяется для всего текста, кёрнинг — для отдельных пар. Оба инструмента влияют на читаемость и эстетику, но решают разные задачи.

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

Оптический размер — это адаптация форм глифов под конкретный кегль. При мелком размере шрифт нуждается в увеличенных апертурах, более высоком x-height и облегчённых тонких штрихах. При крупном — можно позволить больший контраст и тонкие детали. Исторически создавались отдельные «ступени» гарнитуры; переменные шрифты реализуют это через ось opsz автоматически.

Оптимальная длина строки для непрерывного чтения — 45–75 символов, включая пробелы. Это правило вытекает из физиологии: при длине строки более 80 символов глаз затрудняется с точным возвратом в начало следующей строки. При строке менее 35 символов слишком частые переносы нарушают ритм чтения. Практический ориентир: 65 символов — золотая середина для текстовых блоков шириной около 600–700px при 16–18px основного кегля.

Glyphs App (Mac) — лучший выбор для большинства проектов благодаря интуитивному интерфейсу, обширной документации и активному сообществу. Ideal для начинающих шрифтовых дизайнеров. RoboFont — более гибкий и расширяемый инструмент на Python, предпочтительный для технически сложных проектов с нестандартным рабочим процессом. Для переменных шрифтов оба инструмента хорошо подходят. FontForge — бесплатная кроссплатформенная альтернатива с более крутой кривой обучения.

Google Fonts — наиболее обширный каталог открытых лицензий, подходящих для коммерческого использования. Font Squirrel — тщательно отобранная коллекция с веб-лицензиями. The League of Moveable Type — некоммерческая платформа для высококачественных открытых гарнитур. Fontshare (Indian Type Foundry) — профессиональный уровень с неожиданно щедрыми условиями бесплатного использования. Подробный список см. в разделе Ресурсы.

Минимально допустимый размер для основного текста — 16px на десктопе, 14px — на мобильных устройствах при условии хорошего межстрочного интервала. Исследования Nielsen Norman Group показывают, что 18–20px с line-height 1.5–1.6 обеспечивают наилучшие показатели читаемости и времени удержания на странице. Размер 12px и ниже — только для вспомогательных подписей и меток, не несущих критически важной информации.

Используйте font-display: swap в @font-face для большинства случаев — браузер сначала покажет системный шрифт, потом заменит. Для критически важных шрифтов (логотип, навигация) применяйте font-display: block с короткими сроками (не более 1–2 с). Предзагрузка через <link rel="preload"> сокращает время замены. Инструмент Font Style Matcher (meowni.ca) помогает подобрать системный fallback с близкими метриками, уменьшая визуальный сдвиг при замене.

rem — предпочтительная единица для размеров шрифта и вертикальных отступов: она относительна корневому элементу и масштабируется вместе с пользовательскими настройками браузера, что критично для доступности. em — подходит для отступов, которые должны масштабироваться относительно текущего кегля элемента (например, padding у кнопок). px — только для разрешений, границ и значений, которые не должны масштабироваться (тонкие линии в 1px).

Рекомендуемый путь: начните с «Типографики» Роберта Брингхёрста («Элементы типографического стиля») — это фундаментальный труд, которому нет равных по полноте охвата. Параллельно — практикуйте через анализ: разбирайте любые тексты вокруг, пытаясь определить используемую гарнитуру, принцип иерархии и длину строки. Специализированные курсы от Butterick's Practical Typography (practicaltypography.com) охватывают практическую сторону для нешрифтовых дизайнеров. Не начинайте с создания шрифтов — начните с наблюдения за чужими.

Наиболее работающие стратегии: (1) контраст категорий — заголовочный засечный + текстовый рубленый или наоборот; (2) один шрифт, несколько начертаний — Bold/Light одного семейства дают достаточный контраст без риска дисгармонии; (3) общий «характер» при разных категориях — гуманистический гротеск хорошо сочетается с гуманистической антиквой, потому что оба восходят к одной каллиграфической традиции. Избегайте сочетания шрифтов из близких, но не одинаковых периодов — Garamond и Caslon слишком похожи, чтобы контрастировать, и слишком разные, чтобы гармонировать.

Мы придерживаемся принципа качества над количеством: новые аналитические материалы выходят 2–3 раза в месяц. Каждый материал проходит внутреннее рецензирование и проверку источников. Анонсы новых публикаций — в нашей рассылке (подписка на главной странице) и на странице Статьи.

Да, с обязательным указанием источника: «По материалам Lombera (lombera.info)» и активной ссылкой на оригинальную страницу. Полное воспроизведение материалов без разрешения редакции не допускается. Для академического цитирования или использования в коммерческих изданиях — направьте запрос на hello@lombera.info. Подробнее — в Условиях использования.