Как настроить базовую линию и высоту знаков в шрифте

Чтобы настроить базовую линию и высоту знаков в собственном шрифте, сначала задайте единую вертикальную систему координат, затем определите высоту строчных и прописных букв, длину выносных элементов и межстрочный запас. После этого проверьте шрифт в словах, абзацах и разных размерах: отдельный знак может выглядеть правильно, но нарушать ритм всей строки. Актуально на 22 июля 2026 года.

Базовая линия — воображаемая горизонтальная линия, на которой располагается основная часть букв. От неё отсчитываются x-height, cap height, ascender и descender. В статье показано, как связать эти параметры между собой, выбрать рабочие значения в единицах шрифта и избежать ситуаций, когда буквы выглядят слишком низкими, высокими или неравномерно выровненными.

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

Важно различать геометрическую и оптическую границу знака. Круглые буквы о, с и е часто немного выходят за высоту плоских букв, чтобы визуально казаться одинакового размера. Это явление называют оптическим переразмером, или overshoot. Поэтому край контура не всегда должен буквально совпадать с направляющей: небольшое контролируемое превышение помогает сохранить равновесие, но чрезмерный выход делает строку неровной.

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

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

Сначала выберите UPM, то есть количество единиц в эм-квадрате. Это внутренняя шкала шрифта, а не размер в пикселях. Для практического примера можно взять UPM 1000 и назначить базовой линии значение 0. Тогда положительные координаты будут располагаться выше базовой линии, а отрицательные — ниже неё. При другом UPM логика сохраняется, но все пропорции нужно пересчитать.

Пример стартовой системы для нейтрального текстового шрифта: x-height около 500 единиц, cap height около 700 единиц, ascender около 750 единиц и descender около минус 250 единиц. Это не универсальный стандарт, а удобная учебная модель. Точные значения зависят от характера шрифта, контраста, ширины знаков, назначения гарнитуры и того, насколько крупными должны казаться строчные буквы.

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

Нанесите базовую линию, линию x-height, линию cap height, верхнюю линию ascender и нижнюю линию descender. Сначала разместите контрольные знаки: о для проверки округлых форм, н для строчного ритма, Н или О для прописной высоты, а также h, p и g для выносных элементов. Такой набор показывает основные вертикальные отношения без необходимости сразу рисовать весь алфавит.

Начните с простых строчных знаков без выносных элементов. Их общая высота формирует плотность текста и влияет на то, насколько крупным кажется шрифт при одинаковом кегле. Если x-height слишком мала, текст может выглядеть изящно, но терять читаемость на экране. Если она слишком велика, строки становятся плотными, а различие между строчными и прописными буквами ослабевает.

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

Определите, насколько ascender будет превышать cap height, и сколько места потребуется descender ниже базовой линии. Слишком короткие выносные элементы затрудняют различение букв, а слишком длинные увеличивают межстрочное расстояние. Проверяйте не отдельные знаки, а сочетания вроде «бдкл», «рцф» и «упр»: они показывают, не сталкиваются ли элементы соседних строк.

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

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

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

Представим рабочий шрифт с UPM 1000. Автор задаёт базовую линию на 0, x-height на 510, cap height на 720, ascender на 760 и descender на минус 240. Затем он рисует строчные н, о, е, прописные Н и О, а также буквы д, ц, у и ф. При проверке оказывается, что кириллическая д имеет более тяжёлую нижнюю часть и визуально кажется ниже соседних знаков.

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

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

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

Особенно опасна попытка исправить разный масштаб начертаний изменением только базовой линии. Если regular, medium и bold имеют разные вертикальные пропорции, при переключении начертания строка будет заметно прыгать. Сначала согласуйте высоту знаков и выносные элементы между начертаниями, а затем корректируйте толщину, контраст и оптические компенсации.

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

Используйте небольшой оптический переразмер: округлые формы могут немного выходить за линию x-height или cap height. Величина зависит от конструкции, толщины штриха и размера набора. Проверяйте результат рядом с плоскими буквами, потому что чрезмерный overshoot создаёт видимые выступы и нарушает ровность строки.

Нет. X-height — характеристика конкретной гарнитуры, а не фиксированное правило. Большая высота строчных помогает сделать текст заметнее и компактнее, тогда как меньшая оставляет больше воздуха и подчёркивает контраст с прописными буквами. Выбирайте пропорцию с учётом назначения, ширины знаков и характера шрифта.

Браузер использует вертикальные метрики шрифта и значение line-height, заданное стилями. Разные приложения могут выбирать разные наборы метрик, поэтому одинаковый файл иногда занимает неодинаковую высоту. Проверьте ascender, descender, line gap и настройки CSS, а затем протестируйте шрифт в нескольких движках.

Обычно базовая линия является общей для всей гарнитуры, но кириллические знаки требуют отдельной оптической проверки. Формы Д, Ц, Щ, У и Ф могут визуально отличаться от латинских букв при одинаковых координатах. Корректируйте их конструкцию и пропорции, не создавая отдельную произвольную систему уровней.

Слишком большой descender заметен по чрезмерно свободным строкам и крупному минимальному интерлиньяжу. Сравните слова с буквами g, j, p, q, y и кириллическими знаками с нижними элементами. Если нижняя зона заметно доминирует, уменьшите её размер только после проверки читаемости и формы самих знаков.

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

Настройка базовой линии и высоты знаков начинается с общей системы координат, но завершается только после оптической проверки текста. Определите x-height, cap height, ascender, descender и line gap, согласуйте кириллицу с латиницей, протестируйте разные размеры и исправляйте не только цифры, но и форму знаков.

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