Когда мы уменьшаем шрифт с 72 до 8 пунктов, происходит нечто контринтуитивное: пропорции, которые делают его элегантным при крупном кегле, превращаются в его врагов при мелком. Тонкие штрихи исчезают, межбуквенные просветы сливаются, засечки становятся неразличимы. Если дизайнер применяет один и тот же файл шрифта при всех кеглях, это называется «оптическое несоответствие» — и это проблема, которую профессиональные типографы решали задолго до эпохи цифры.

Историческое решение: наборы для разных кеглей

В эпоху металлического набора каждый кегль изготавливался как отдельный комплект пуансонов. Пунсонист (мастер по изготовлению стальных пуансонов-матриц) не просто масштабировал рисунок — он перепроектировал его для конкретного размера. При малых кеглях (6–8 пт) он увеличивал высоту строчного «x», утолщал тонкие штрихи, расширял межбуквенные просветы. При крупных (36–72 пт) — делал штрихи более контрастными и сужал межбуквенные промежутки.

Этот принцип получил формальное название optical sizing — «оптическое масштабирование». Разные версии шрифта для разных кеглей назывались optical size variants: Caption (6–9 пт), Text (10–13 пт), Subhead (14–23 пт), Display (24+ пт).

Цифровая потеря и возвращение

PostScript Type 1 по умолчанию хранил один комплект контуров на всю гарнитуру. Экономия на разработке оборачивалась оптической потерей: дорогие цифровые издательские системы середины 1980-х набирали текстовый корпус тем же файлом, что и заголовки. Только несколько издательских гарнитур — Minion Pro, Myriad Pro, Adobe Garamond Premier — получили полные наборы оптических вариантов.

OpenType 1.8 с переменными шрифтами вернул оптическое масштабирование как системную функцию: ось opsz позволяет непрерывно настраивать рисунок под текущий кегль. При правильной реализации браузер может автоматически применять правильный оптический вариант через CSS-свойство font-optical-sizing: auto;.

Что меняется при разных оптических вариантах

  • Высота строчных (x-height): при Caption увеличивается на 5–12% для разборчивости.
  • Контраст штрихов: при Caption снижается, при Display — усиливается до предела эстетичности.
  • Ширина штрихов: при Caption тонкие штрихи утолщаются, чтобы не исчезнуть при печати.
  • Межбуквенные просветы (sidebearings): при Caption немного увеличиваются, при Display уменьшаются.
  • Детализация засечек: при Caption упрощается, при Display может усложняться декоративно.
CSS: как включить optical sizing

Для переменных шрифтов с осью opsz: font-optical-sizing: auto; — браузер автоматически применяет значение кегля. Или явно: font-variation-settings: 'opsz' 12; для кегля 12pt.

Оптическое масштабирование — один из признаков зрелой гарнитуры. Когда вы выбираете шрифт для сложной типографической системы с текстовым набором и крупными заголовками, проверяйте, есть ли у него оптические варианты. Это вложение в качество читательского опыта.