Кернинг: коррекция пространства между парами символов
Кернинг (от англ. kerning) — это выборочная коррекция пространства между конкретными парами символов. В отличие от трекинга, который равномерно применяется ко всему тексту, кернинг работает с отдельными парами, где автоматические метрики шрифта дают оптически неудовлетворительный результат.
Природа проблемы кернинга обусловлена геометрией букв: некоторые сочетания создают визуальный «провал» из-за угловых форм. Классические проблемные пары:
- AV, AW, AT, AY — диагональная A и широкий просвет под ней
- VA, WA, TA, YA — зеркальные случаи тех же проблем
- To, Te, Ta, Ty — широкий навес T над округлыми или диагональными буквами
- LT, LY, LV, LW — горизонтальная L под нависающими формами
- ff, fi, fj, ft, fl — лигатурные пары, часто требующие либо лигатур, либо кернинга
Метрический и оптический кернинг
Программы верстки (InDesign, Figma) предлагают два режима автоматического кернинга:
Метрический кернинг использует кернинговые таблицы, встроенные в шрифт дизайнером. Хорошие шрифты содержат несколько сотен (а профессиональные — тысячи) кернинговых пар. Это «первая линия» коррекции, которую задаёт сам шрифтовой дизайнер.
Оптический кернинг — алгоритм программы, анализирующий контуры символов и подбирающий интервал на основе геометрии, а не таблиц. Оптический кернинг часто даёт лучшие результаты в заголовках большого кегля, когда даже хорошие встроенные таблицы оказываются недостаточно точными.
Практическое правило: Для основного текста (9–14 pt) используйте метрический кернинг — он быстрее и достаточно точен. Для заголовков от 24 pt и выше переключайтесь на оптический кернинг или делайте ручную коррекцию. Логотипы и крупные надписи требуют обязательной ручной работы.
Единицы измерения кернинга
Кернинг измеряется в юнитах (единицах шрифта). Один em (кегль шрифта) традиционно делится на 1000 юнитов. Таким образом, коррекция −50 при кегле 12 pt составляет −0.6 pt, или −0.212 мм. Это кажется незначительным, но визуальный эффект при правильном применении весьма ощутим.
В CSS кернинг управляется свойством letter-spacing (в единицах em, rem, px) и свойством font-kerning (значения: auto, normal, none). Для активации OpenType-функций кернинга также используется font-feature-settings: "kern" 1.
Трекинг: равномерный интервал по всему тексту
Трекинг (апрош, letter-spacing) — равномерное изменение межсимвольного пространства для выделенного фрагмента текста или всего блока. В отличие от кернинга, трекинг применяется одинаково ко всем символам.
Когда увеличивать трекинг
Увеличенный трекинг (+20 до +100 юнитов) применяется в следующих случаях:
- Капительный набор (ALL CAPS): Прописные буквы по умолчанию «стоят» слишком плотно без дополнительного трекинга. Добавление +50–100 юнитов значительно улучшает читаемость.
- Малый кегль (6–8 pt): При печати мелким кеглем плотные буквы сливаются. Небольшой положительный трекинг предотвращает это.
- Надписи и леммы: Декоративный эффект разреженного набора в колонтитулах, метках разделов, подписях под фотографиями.
Когда уменьшать трекинг
Отрицательный трекинг (−10 до −30 юнитов) иногда применяется в крупных заголовках (от 40 pt), где автоматический интервал шрифта создаёт избыточный «воздух» между символами. Однако злоупотреблять отрицательным трекингом не следует: перегруженный заголовок теряет читаемость и элегантность.
Интерлиньяж: вертикальный ритм текста
Интерлиньяж (leading, line-height) — расстояние между базовыми линиями соседних строк. Термин происходит от свинцовых полос (lead), которые металлические наборщики использовали для разделения строк. В CSS интерлиньяж задаётся свойством line-height.
Оптимальные значения интерлиньяжа
Базовое правило: интерлиньяж должен составлять 120–145% от кегля шрифта. Конкретные рекомендации:
- Основной текст (10–14 pt): 140–160% кегля. Для Roboto 16px — line-height: 1.5–1.6 (24–26px).
- Заголовки H1–H2: 110–125% кегля. Слишком большой интерлиньяж дробит заголовок на отдельные строки.
- Длинные колонки текста: Увеличивайте до 160–170% при широком столбце (более 80 символов).
- Короткие заголовки карточек: Можно уменьшить до 110–120% — они читаются единым блоком.
Интерлиньяж и ширина строки
Интерлиньяж и ширина строки взаимосвязаны. Широкая строка требует большего интерлиньяжа для комфортного перехода взгляда на следующую строку. Узкая колонка допускает более тесный интерлиньяж. Это один из базовых принципов сеточного дизайна: ширина колонки, кегль и интерлиньяж должны быть согласованы.
Эмпирическое правило: Оптимальная длина строки основного текста — 45–75 символов (включая пробелы). При этом диапазоне достаточен интерлиньяж 1.4–1.6 от кегля. Превышение 80 символов требует увеличения до 1.7–1.8.
Как эти параметры работают в системе
Кернинг, трекинг и интерлиньяж не существуют изолированно — это части единой пространственной системы. Ошибка в одном параметре часто маскирует проблемы в другом. Принципы системной работы:
- Начинайте с интерлиньяжа — это базовый вертикальный ритм страницы.
- Затем настраивайте трекинг заголовков, капителей и специальных элементов.
- Финальный этап — кернинг критичных пар в заголовках и логотипах.
- Проверяйте результат на реальном тексте, а не на тестовых строках.
Профессиональные типографы отмечают, что большинство проблем с «некачественным» видом текста — это не выбор шрифта, а неправильно настроенный интерлиньяж. Шрифт остаётся прежним, но правильный пространственный ритм делает его читаемым и эстетически удовлетворительным.
