Почему рукописный шрифт выглядит неровно на экране после экспорта: пиксельная сетка и сглаживание

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

В TTF буква обычно хранится как контур, а не как готовая картинка для каждого размера. При наборе приложение получает контур, масштабирует его под размер текста и плотность вывода, а затем превращает в пиксели. Поэтому слово «12 пунктов» не означает, что каждая буква занимает ровно 12 пикселей по высоте: пункты — физическая единица, а итоговый размер в пикселях зависит от разрешения и параметров самого шрифта. Это подробно объясняет документация FreeType о масштабировании контуров и EM-квадрате.

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

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

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

Перед повторным экспортом запишите наблюдение конкретно. «Шрифт плохой» не помогает найти источник; полезнее отметить, какие буквы и параметры изменились. Поставьте рядом исходную пробу и текст из установленного TTF, не растягивайте один из снимков вручную.

Проверьте четыре признака:

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

Заведите короткую запись: название программы, операционная система, кегль, масштаб страницы и примеры двух-трёх проблемных букв. Если доступно, укажите, проблема видна на экране, в экспортированном изображении, в PDF или только при печати. Такая карточка помогает воспроизвести один и тот же тест и увидеть, зависит ли дефект от приложения.

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

Затем проверьте шрифт по шагам:

Ведите сравнение в таблице: «буква», «кегль», «программа», «экран/печать», «что изменилось». Например: у строчной «л» диагональ сливается с соседней формой при 9 пунктах в просмотрщике PDF, но отдельно читается при 14 пунктах и в печати. Это полезнее, чем заметка «TTF сломан»: она показывает, какую задачу на самом деле нужно решать.

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

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

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

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

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

Перед новой сборкой пройдите список:

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

**Оценивать буквы только при увеличении страницы.** Масштаб 125% или 175% меняет способ показа пикселей и может выделить артефакт, которого не видно в реальном размере. Сначала смотрите на 100% и на предполагаемом устройстве, затем увеличивайте контур отдельно.

**Утолщать все штрихи из-за одной буквы.** Если теряется только тонкая диагональ или маленький просвет, усиление всего алфавита нарушит баланс остальных знаков. Правьте конкретную форму и снова проверяйте набор.

**Сравнивать разные версии шрифта под одним именем.** Кэш или повторяющиеся внутренние имена затрудняют проверку и создают впечатление случайного результата. Разведите тестовые файлы, удалите устаревшую установку и перезапустите приложение.

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

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

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

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

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

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

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

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