Анатомия шрифтового символа
Прежде чем анализировать гарнитуры, необходимо знать язык, на котором говорят о шрифтах. Каждый символ состоит из структурных элементов, у каждого из которых есть профессиональное название.
Основные структурные элементы: Штрих (stroke) — линия, образующая символ. Засечка (serif) — горизонтальный перпендикуляр на конце штриха. Подстрочный элемент (descender) — часть символа, опускающаяся ниже базовой линии (g, p, q, y). Надстрочный элемент (ascender) — часть строчной буквы, поднимающейся выше средней линии (b, d, f, h, k, l, t). X-высота (x-height) — высота строчных букв без ascender, измеряемая по букве «x». Апекс — верхняя точка буквы A. Ухо (ear) — небольшой штрих в верхней правой части «g». Петля (loop) — нижняя закрытая часть двухэтажной «g».
Оптические линии: Базовая линия — линия, на которой «стоят» символы. Средняя линия (median) — верхняя граница x-height. Капельная линия (cap line) — верхняя граница заглавных букв. Линия ascender — верхняя граница ascenders. Линия descender — нижняя граница descenders.
Классификация шрифтов: историческая система
Существует несколько систем классификации шрифтов: система VOX (Максимилиан Вокс, 1954), принятая ISO и ATypI, и более современные системы — Bringhurst, Kupferschmid. Ниже — адаптированная система для практического использования:
| Класс | Период | Характеристики | Примеры |
|---|---|---|---|
| Гуманистическая антиква (Humanist Serif) | 1460–1530 | Наклонная ось, умеренный контраст, брекеты скруглённые, засечки с наклоном | Jenson, Centaur, Bembo |
| Переходная антиква (Transitional Serif) | 1690–1800 | Вертикальная ось, усиленный контраст, засечки ровнее | Caslon, Times New Roman, Baskerville |
| Классицистическая антиква (Didone / Modern Serif) | 1780–1820 | Строго вертикальная ось, максимальный контраст, тонкие прямые засечки | Bodoni, Didot, Walbaum |
| Брусковые (Slab Serif / Egyptian) | 1810– | Минимальный контраст, геометрические или брекетированные засечки | Clarendon, Rockwell, Archer |
| Гротеск (Grotesque Sans) | 1815–1900 | Без засечек, умеренный контраст, неравномерные ширины символов | Akzidenz-Grotesk, Franklin Gothic |
| Геометрический гротеск (Geometric Sans) | 1920– | Круги и прямые линии, минимальный контраст, очень равномерные ширины | Futura, Gotham, Avenir |
| Гуманистический гротеск (Humanist Sans) | 1950– | Органичные формы, умеренный контраст, высокая читаемость | Frutiger, Gill Sans, Myriad |
| Неогротеск (Neo-grotesque) | 1957– | Нейтральность, минимальный контраст, строгие формы | Helvetica, Univers, Arial |
«Шрифт — это голос текста. Анализируя гарнитуру, вы анализируете не только форму букв, но и весь культурный контекст, который стоит за их созданием.»
— Артём Кириленко, аналитик MireviaКритерии профессионального анализа гарнитуры
1. Технические параметры. X-height: высокий (как у Inter, Helvetica) = хорошая читаемость при малых кеглях, современный облик. Низкий (как у Garamond, Caslon) = изящество, классичность, требует больший кегль для комфортного чтения. Контраст штриха: высокий (Bodoni, Didot) = декоративность, непригодность для очень мелкого набора. Низкий (Helvetica, Gill Sans) = функциональность, устойчивость при любом кегле.
2. Функциональный диапазон. Подходит ли шрифт для текстового набора (8–14pt), display-набора (24pt+), или только для одного из них? Шрифты, оптимальные во всём диапазоне, обычно имеют optical size вариации: Garamond Premier Pro, Freight Text vs Freight Display.
3. Техническое качество. Количество кернинговых пар (хорошо разработанный шрифт — от 500 пар). Поддержка языков (кириллица, греческий, диакритические знаки). Поддержка OpenType-фич: лигатуры, старостильные цифры, Small Caps, контекстные альтернативы. Форматы: переменный шрифт (variable font) — преимущество для веба.
4. Культурные коннотации. Times New Roman несёт коннотации «официального документа» и «Word-по-умолчанию». Helvetica — «корпоративной нейтральности» и «современного швейцарского дизайна» одновременно. Futura — «Bauhaus и 1960-е», «NASA и лунная программа». Эти коннотации — часть инструментария шрифта, и они влияют на восприятие текста независимо от содержания.
Разбор восьми ключевых гарнитур
Garamond (Клод Гарамон, 1530-е). Гуманистическая антиква. X-height умеренно низкий, засечки мягкие с брекетами, контраст умеренный. Историческое значение: один из наиболее скопированных шрифтов в истории, существует в десятках интерпретаций. Лучшие версии: Adobe Garamond Pro, Cormorant Garamond (бесплатная). Применение: книги, академические публикации, luxury-брендинг. Избегать: экраны с малым разрешением, интерфейсный набор.
Baskerville (Джон Баскервилл, 1757). Переходная антиква. Более вертикальная ось, чем у гуманистических антикв. Усиленный контраст. Засечки ровнее. Историческое значение: революция в точности шрифтоотливки, первая демонстрация высококонтрастной антиквы. Применение: редакционный и книжный дизайн, корпоративные публикации. Хорошо читается на экране благодаря чёткости форм.
Bodoni (Джамбаттиста Бодони, 1788). Классицистическая антиква (Didone). Максимальный контраст между толстыми и тонкими штрихами, строго вертикальная ось, тончайшие горизонтальные засечки без брекетов. Применение: fashion и luxury-брендинг, display-набор, обложки журналов. Категорически непригоден для текстового набора: тонкие штрихи сливаются при малых кеглях.
Futura (Пауль Реннер, 1927). Геометрический гротеск. Формы строятся на идеальных кругах и прямых линиях. Минимальный контраст. Историческое значение: воплощение эстетики Баухауса. Применение: брендинг, заголовочный набор, система визуальной идентификации. Недостаток для текстового набора: «o» идеально круглая и «n» слишком геометрична — оба символа трудноразличимы в мелком кегле.
Helvetica (Макс Мидингер, 1957). Неогротеск. Нейтральность как главная ценность. Высокий x-height, строго вертикальные окончания штрихов, закрытые апертуры. Применение: корпоративные системы идентификации, вывески, транспортные системы. Спорно для веба: в смешанном тексте буквы I, l, 1 неразличимы — предпочтительнее Helvetica Now или Inter.
Frutiger (Адриан Фрутигер, 1975). Гуманистический гротеск. Разработан для аэропорта Шарль-де-Голль как шрифт для навигации в условиях ограниченного времени чтения. Открытые апертуры, органичные формы. Считается одним из наиболее читаемых шрифтов для экрана. Веб-версии: Frutiger Next, Neue Frutiger.
Times New Roman (Стэнли Морисон, 1931). Переходная антиква. Разработан для газеты The Times как максимально эффективный при газетной печати. Высокий x-height, плотные пропорции, достаточный контраст. Ирония истории: шрифт для максимальной плотности набора стал «самым узнаваемым шрифтом Word», что лишило его всякого характера в восприятии пользователей.
Inter (Расмус Андерсон, 2016–). Гуманистический гротеск. Разработан специально для экранного использования: оптимизированные метрики для пикселей, открытые апертуры для различения I/l/1, переменный шрифт с широким диапазоном weight. Де-факто стандарт для UI-дизайна в 2020-х. Бесплатная лицензия OFL.
Как выбрать шрифт для проекта: алгоритм
- Определите контекст воспроизведения: экран (72–96 DPI) или печать (300+ DPI)? Крупные кегли или мелкие? Длинный текст или display?
- Определите культурные коннотации, необходимые проекту: авторитетность, модность, нейтральность, теплота, технологичность?
- Проверьте технические требования: нужна ли кириллица? Какие OpenType-фичи критичны? Нужен ли variable font для производительности?
- Протестируйте на типичных образцах вашего контента при целевом кегле и на целевом устройстве.
- Проверьте лицензию: допустимо ли коммерческое использование, встраивание в веб, использование в приложении?
- Проверьте качество кернинга на специфических для проекта словах и сочетаниях.