В 1984 году вместе с первым Macintosh в мир вошел Susan Kare — дизайнер, нарисовавший шрифты Chicago, Geneva и Cairo попиксельно, точечным методом, словно вышивая на холсте 16×16. Это были первые массовые цифровые шрифты, и в них была заложена принципиальная проблема всей экранной типографики: каждое разрешение требовало отдельного рисунка. Мир изменился, когда пришёл PostScript.

Экран монитора с открытым редактором шрифтов, показывающим векторные кривые Безье буквы

Векторный редактор шрифтов: кривые Безье, задающие контур буквы «g»

PostScript и революция векторного шрифта

Технология PostScript, разработанная Adobe Systems в 1985 году, изменила всё. Вместо того чтобы хранить шрифт как набор точечных карт, PostScript описывал форму каждого знака математически — через кривые Безье. Буква стала уравнением, а не картинкой. Это означало, что один файл шрифта одинаково хорошо работает и при 9 пунктах на экране, и при 96 пунктах на плакате.

Формат Type 1 (Adobe Type 1), основанный на PostScript, стал профессиональным стандартом издательства 1980-х — 1990-х годов. Его главным недостатком была закрытость: Adobe требовала лицензионных отчислений за технологию растеризации (ATM — Adobe Type Manager), и рынок существовал в условиях монополии.

TrueType: ответ Apple и Microsoft

В 1991 году Apple выпустила TrueType — конкурирующий векторный формат, свободный от патентных ограничений Adobe. Microsoft немедленно лицензировала технологию и включила её в Windows 3.1. Начался период «шрифтовых войн», выгодный прежде всего пользователям: конкуренция стимулировала развитие обоих форматов.

TrueType использовал другую математику для описания кривых (квадратичные кривые Безье вместо кубических в Type 1), что делало файлы компактнее, но инструментарий для рисования шрифтов — менее гибким. Кроме того, TrueType предлагал мощный механизм «хинтинга» — тонкой настройки отображения на низких разрешениях. Именно хинтинг обеспечивал чёткость шрифтов Windows на мониторах начала 1990-х с разрешением 72–96 dpi.

«Цифровой шрифт — это программа, написанная на языке форм. Дизайнер шрифта сегодня должен быть и художником, и инженером.» — Питер Билак, основатель TypeMedia (Гаага)

OpenType: объединение и расширение

К середине 1990-х индустрия пришла к выводу, что два конкурирующих стандарта неудобны всем. В 1996 году Adobe и Microsoft объявили о совместной разработке нового формата — OpenType, который объединил возможности Type 1 и TrueType в одном файле с расширением .otf или .ttf.

Что принципиально нового дал OpenType:

  • Unicode на 65 536+ знаков — один файл может содержать латиницу, кириллицу, греческий, арабский и даже пиктографические символы;
  • OpenType Features — встроенные типографические возможности: лигатуры, малые капители, дробные числа, старостильные цифры, свэши, контекстные варианты;
  • Кросс-платформенность — один файл одинаково работает на macOS, Windows и Linux;
  • Расширенный хинтинг — улучшенное отображение на экранах с любым разрешением.

OpenType Features в практике

CSS-свойство font-feature-settings позволяет активировать возможности OpenType прямо в браузере. Например, font-feature-settings: "onum" 1, "lnum" 0; включает старостильные цифры — элегантный типографический приём для длинных текстов.

Веб-шрифты: от картинки к тексту

До 2009 года веб-дизайнер был жёстко ограничен так называемыми «веб-безопасными шрифтами» — примерно десятком гарнитур, гарантированно установленных на большинстве компьютеров: Times New Roman, Georgia, Arial, Verdana, Trebuchet MS. Всё остальное воспроизводилось изображениями — с очевидными последствиями для доступности и SEO.

CSS3 и директива @font-face, получившая широкую поддержку браузеров в 2009–2010 годах, изменили ситуацию кардинально. Появились форматы WOFF (Web Open Font Format) и позднее WOFF2 — оптимизированные для быстрой загрузки из сети. Одновременно запустился сервис Google Fonts (2010), сделавший тысячи качественных гарнитур бесплатными.

Сегодня производительность веб-шрифтов — важный параметр Core Web Vitals. Директива font-display: swap, предзагрузка через <link rel="preload"> и подмножества (subsetting) по Unicode-диапазону стали стандартными практиками оптимизации.

Variable Fonts: одна гарнитура — бесконечно много начертаний

В 2016 году на конференции ATypI в Варшаве Adobe, Apple, Google и Microsoft представили совместную технологию — вариативные шрифты (Variable Fonts). Это расширение формата OpenType, позволяющее хранить в одном файле не несколько фиксированных начертаний (Regular, Bold, Italic), а непрерывный диапазон значений по одной или нескольким осям.

Стандартные оси вариативного шрифта:

  • wght (Weight) — насыщенность, от Thin (100) до Black (900);
  • wdth (Width) — ширина знаков, от Condensed до Extended;
  • ital (Italic) — наклон, от прямого до курсивного;
  • slnt (Slant) — угол наклона в градусах;
  • opsz (Optical Size) — оптическое масштабирование: шрифт сам корректирует детали в зависимости от кегля.

Помимо стандартных, шрифтовые foundry могут создавать собственные кастомные оси — например, ось «Expressiveness» для рукописных гарнитур или «Casual» для переменной интенсивности неформального стиля.

Экраны с высокой плотностью пикселей

Появление Retina-дисплея Apple в 2010 году (iPhone 4) с плотностью 326 ppi при стандарте 72–96 ppi отменило большую часть компромиссов экранной типографики. Шрифт при 2× и более плотности пикселей отображается практически так же чётко, как на бумаге. Хинтинг стал менее критичным; дизайнеры получили возможность использовать тонкие начертания и изысканные засечки, ранее «разрушавшиеся» на низком разрешении.

Сегодня window.devicePixelRatio в среднем по глобальному трафику составляет около 2.0 — то есть большинство пользователей видит текст на Retina-качестве. Это не просто техническая деталь: это означает, что типографика вернула себе полноту замысла.

Что дальше: цветные шрифты и ИИ

Технологическая эволюция шрифта не остановилась на Variable Fonts. В формате OpenType появились цветные шрифты (Color Fonts, расширения COLR/CPAL и SVG), позволяющие встраивать многоцветные и даже градиентные глифы. Эмодзи — первый и самый распространённый пример цветного шрифта.

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