Шрифтовой дизайн: что это, где применяется и как освоить

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

Чем шрифтовой дизайн отличается от леттеринга и типографики

Леттеринг — одна надпись под конкретное место: вывеску, обложку, упаковку. Каждая буква в ней может быть уникальной, потому что соседи известны заранее. Шрифт работает в любом тексте, который наберёт пользователь, поэтому «Р» должна сочетаться и с «а», и с «у», и с точкой. Каллиграфия развивает чувство ритма и контраста, типографика учит выбирать и настраивать готовые шрифты; им посвящены отдельные статьи сайта, а здесь речь о том, как шрифт строится.

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

Глифы, контраст, метрики и кернинг

Каждый глиф рисуют на квадрате, который называют кеглевой площадкой; в редакторе его размер задают в условных единицах, чаще всего 1 000. На площадке фиксируют метрики: базовую линию, высоту строчных и прописных, выносные элементы. Круглые «О», «С», «е» чуть выходят за линии — иначе они казались бы мельче прямых «Н» и «п». Горизонтали обычно рисуют тоньше вертикалей, даже в почти бесконтрастном гротеске. Такие оптические поправки и отличают шрифт от набора геометрических фигур.

Интервалы строятся в два слоя. Сначала каждому глифу задают боковые поля, чтобы любые две буквы стояли ровно; подгоняют их по контрольным строкам вроде «ннонооно» и «ННОНООНО». Кернинг — поправки для отдельных пар, где полей не хватает: «ТА», «Г.», «Ув». Частая ошибка — оставить поля кое-как и спасать текст тысячами кернинговых пар: в любой забытой паре буквы всё равно разъедутся.

Кириллица как отдельная задача

Кириллицу не получить, перерисовав латиницу: у многих букв нет латинских прообразов. «Ж» широкая, с тремя сходящимися штрихами, и её легко сделать темнее соседей. У «Д», «Ц» и «Щ» выносные элементы уходят ниже строки и должны совпадать по длине. «Л» и «Д» бывают с прямым или изогнутым левым штрихом, и выбор должен сочетаться со всем шрифтом. Строчная «ф» тянется и вверх, и вниз. А строчные «к», «л», «м», «н», «п», «т» похожи на маленькие прописные, поэтому русский текст выглядит однообразнее английского.

Подвох скрыт и в самом слове «кириллица» на сайтах со шрифтами: часто за ним стоят только 66 букв русского алфавита. Google Fonts, принимая шрифты в каталог, требует минимальный набор GF Cyrillic Core — по описанию, это минимум для любого семейства с кириллицей, которое хочет туда попасть. Он покрывает десять языков с аудиторией больше трёх миллионов человек: русский, украинский, белорусский, болгарский, сербский, боснийский, казахский, узбекский, таджикский и туркменский. Кириллических букв в нём 114, а не 66: добавлены «Ґ», «Є», «Ї» для украинского, «Ђ», «Љ», «Ћ» для сербского, «Ә», «Қ», «Ң», «Ө» для казахского, «Ҷ» и «Ӯ» для таджикского; вместе с базовой латиницей — 166 букв. Вывод практический: если шрифт может попасть к заказчику из Казахстана или Узбекистана, «кириллица» из 66 букв обернётся квадратиками вместо части слов.

Бывают у букв и национальные формы. В описании OpenType-функции locl сказано, что ряд болгарских и сербских букв отличается и от русских, и друг от друга. Шрифт хранит такие варианты отдельными глифами и подставляет их, когда у текста указан язык.

Редакторы: Glyphs, FontLab и FontForge

В Illustrator шрифт можно только набросать: метрики, поля, кернинг и OpenType-функции задают в специализированном редакторе. Glyphs работает только на macOS; по данным разработчика, Glyphs 4 стоит 319 евро, Glyphs Mini 2 — 49 евро; у Mini один мастер и нет вариативных шрифтов, но кириллица поддерживается, а пробный период у обеих версий — 30 дней. FontLab 8 работает на Mac и Windows, бессрочная лицензия Pro стоит 499 долларов, пробный период — 10 дней. Бесплатный вариант — FontForge с открытым кодом для Windows, macOS и Linux: интерфейс у него тяжелее, но для первых опытов его хватит.

Вариативные шрифты

Вариативный шрифт — один файл с непрерывным рядом начертаний; механизм появился в спецификации OpenType 1.8 в 2016 году. По обзору Microsoft, в файле хранится начертание по умолчанию и поправки к координатам точек для других положений осей, а отдельным положениям можно дать имена вроде Light или Semibold. Зарегистрированных осей пять: насыщенность wght, ширина wdth, оптический размер opsz, курсив ital и наклон slnt. Для wght допустимы значения от 1 до 1 000, обычному начертанию соответствует 400.

Дизайнер рисует не все начертания, а крайние мастера, например самое светлое и самое жирное, и редактор интерполирует между ними. Работает это, только если мастера совместимы: у каждой буквы одинаковое число контуров и точек в одном порядке. Иначе промежуточная буква выворачивается наизнанку.

Учебный пример: шрифт для меню кофейни

Ситуация учебная. Дизайнер нарисовал от руки логотип-надпись «Зерно», и кофейня просит набирать в том же стиле меню и анонсы.

Дизайнер переносит буквы в редактор и выводит из них правила: толщину штриха, контраст, высоту строчных, форму округлостей. Затем рисует контрольные «н», «о», «Н», «О», подгоняет поля и строит остальной алфавит из найденных форм: «п» и «и» из «н», «с» и «е» из «о». Отдельно решает «Ж», «Ф», «Д», «Л», «Щ» и проверяет их в словах «жёлтый», «фундук», «дыня». Следом идут цифры, латиница для «latte», знаки и рубль, затем кернинг и пробный набор настоящего меню. Если цены не встают в колонку, цифры делают моноширинными.

С чего начать и в каком порядке осваивать

Порядок ниже идёт от глаза к инструменту и от малого набора к полному. Без рисунка от руки редактор не поможет, а за кириллицу целиком и вариативность разумно браться, когда поля и кернинг в одном начертании уже получаются.

1. Нарисуйте от руки слово из пяти-шести букв в одном стиле и выпишите, что в нём общего.
2. Освойте кривые Безье: точки ставят на крайние положения контура, рычаги держат горизонтально или вертикально.
3. В Glyphs Mini или FontForge нарисуйте «н», «о», «Н», «О» и добейтесь ровной строки «ннонооно».
4. Достройте русский алфавит, цифры и знаки, затем латиницу.
5. Сделайте кернинг и наберите меню, афишу, абзац в 1 000 знаков.
6. Только потом беритесь за второй мастер и расширенную кириллицу.

Редактор осваивают по урокам самих разработчиков, а основы — композицию, векторные кривые, логотипы-надписи — дают курсы графического дизайна. На курсе Яндекс Практикума «Графический дизайнер», по данным обзора, девять месяцев, восемь проектов на базовом тарифе, основы типографики, Illustrator и разработка логотипов; модуля о шрифтовом редакторе в опубликованной программе нет.

Упражнения, типичные ошибки и проверка

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

Ошибки у новичков повторяются. Буквы по отдельности красивы, но в строке разной плотности. Круглые знаки стоят ровно по линиям и выглядят мельче прямых. Точки на кривых расставлены где попало, и контур трудно править. Кириллицу рисуют последней, и «Ж» с «Ф» выпадают из стиля.

Тем, кто приходит в шрифт из рисунка, стоит сначала научиться рисовать буквы рукой и в векторе. На курсе Contented «Коммерческий иллюстратор» месяц отдан Illustrator, а в библиотеке материалов есть леттеринг и Procreate; насколько подробно разбирают буквы, обзор не уточняет, так что программу этого блока лучше запросить у школы.

Проверяйте шрифт в деле: распечатайте строку в мелком и крупном кегле и переверните лист вверх ногами — пятна неравномерной плотности сразу бросятся в глаза.

Как навык влияет на доход

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

Второй путь — продажа своих шрифтов, и условия площадок стоит прочитать заранее. По договору дистрибуции Monotype (обновлён 10 октября 2025 года), автор получает 50 % от продаж на MyFonts и 25 % в остальных каналах Monotype, а правила приёма не допускают шрифты, которые бесплатно раздаются в другом месте. На Fontstand шрифт берут в аренду на 30 дней за 10 % цены, а после двенадцати таких периодов он остаётся у пользователя. Лицензии обычно продают раздельно — для компьютера, сайта и приложения.

Как выбрать обучение

Сначала определите точку входа. Если вы дизайнер и уверенно работаете с кривыми, вам нужны насмотренность и понимание того, как шрифт ведёт себя в тексте. Если вы рисуете от руки, начните с вектора и леттеринга.

Взгляд со стороны пользователя шрифта даёт курс Bang Bang Education «Типографика: о форме и содержании»: по данным обзора, пять недель, восемь занятий о классификации, сочетании и наборе шрифтов и восемь заданий с письменным разбором преподавателя. Строить буквы там не учат.

Прежде чем платить, проверьте, разбирает ли живой человек каждое задание, будет ли у вас законченный набор знаков и учат ли кириллицу отдельно, а не как копию латиницы. Лучший тест готовности — неделя с Glyphs Mini или FontForge: если строку «ннонооно» хочется доводить до ровного ритма, навык стоит развивать.

Сравнить программы по длительности, формату и цене удобно в рейтинге онлайн-школ графического дизайна. Это широкий рейтинг по направлению, отдельного рейтинга по шрифтовому дизайну на сайте нет.