Что мне не хватает, если у меня есть шрифт, созданный из SVG с помощью какого-то онлайн-приложения?

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

Я также установил файл TTF, содержащийся в пакете, открыл MS Word, ввел клавишу клавиатуры, связанную с моими персонажами, и они начали появляться — вау! Поскольку они сделаны из SVG (а не из пикселей), они просто потрясающие и принимают большие размеры без какой-либо суеты.

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

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

Просто я правильно понял: служба, которую вы используете, берет кучу SVG и преобразует каждую из них в букву шрифта, и все?
@Wrzlprmft Да, я уже делаю это. Я пытаюсь спросить, если я хочу опубликовать .ttfшрифт, используя тот же метод, будет ли он жизнеспособным?

Ответы (1)

Во-первых, как шрифт может быть чем-то большим, чем сумма его глифов?

  • Кернинг — это регулировка расстояния между буквами в зависимости от букв. Например, в стандартном прямом шрифте слишком много места между V и A без индивидуальной настройки:

    Пример кернинга

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

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

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

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

    Наконец, качество автоматического хинтинга и, следовательно, объем работы, который вам нужно добавить, сильно зависит от самого шрифта. Например, если ваш шрифт состоит только из тонких штрихов одинаковой ширины, автоматический хинтинг должен работать очень хорошо. Однако в другом примере из моего собственного опыта вам нужно что-то сделать для шрифтов blackletter:

    Текст примера читается как Luftfeuchtigkeit.
    Слева: в том виде, в котором оно будет визуализировано, при условии, что вы просматриваете изображение в исходном размере.
    Справа: увеличение 400 % для иллюстрации.

    Пример подсказки

    Без каких-либо намеков рендеринг кажется зернистым и искаженным, например, посмотрите на  букву L или первую  букву e. Кроме того, счетчик u почти не виден. Автоматическая подсказка стала лучше, но буквы больше не выровнены должным образом, например, обе буквы u зависают над базовой линией. Подсказка в нижней строке по-прежнему полуавтоматическая и имеет свои недостатки, но для получения лучших результатов потребовалось бы много работы.

  • Интеллектуальные функции шрифтов , такие как предоставляемые OpenType , позволяют выполнять автоматические изменения глифов в зависимости от фактического текста. Эти функции могут включаться и выключаться пользователем. Некоторые примеры:

    • Лигатуры объединяют два соседних глифа в один. Это может быть просто использовано для того, чтобы пользователи какого-либо языка считали его обязательным, чтобы избежать уродливых коллизий (таких как f и l в левом примере) или просто сделать шрифт более причудливым.

      введите описание изображения здесь

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

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

      Наиболее часто такие функции используются с прописными буквами или цифрами в нижнем регистре .

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