Зачем конвертировать SVG в TTF?
SVG хранит 2D-векторную графику в виде путей XML, в то время как TTF хранит контуры глифов для рендеринга символов или наборов иконок через движок шрифтов. Разработчики рисуют каждую иконку как путь SVG и компилируют набор в .ttf, чтобы CSS мог обращаться к каждому глифу по коду символа. Дизайнеры шрифтов также создают SVG-формы букв и упаковывают их в распространяемый шрифт TrueType, который является кроссплатформенным стандартом с начала 1990-х годов.
Способы конвертации SVG в TTF
FontCreator APP
Импортируйте SVG-файлы для каждого глифа, назначьте каждый из них слоту символа и экспортируйте готовый шрифт как .ttf.
Glyphs APP
Импортируйте пути SVG как контуры глифов, настройте метрики шрифта и экспортируйте в .ttf.
FontForge OPEN-SOURCE
Импортируйте каждый SVG-файл как контур глифа через File > Import, установите ширину шага и базовую линию для каждого слота, затем используйте File > Generate Fonts и выберите TrueType для экспорта в .ttf.
Программы, которые конвертируют SVG
Об этих форматах
.SVG
Scalable Vector Graphics
Файл SVG - это масштабируемая векторная графика (Scalable Vector Graphics), открытый стандарт W3C, который хранит 2D-графику в виде текста XML, поэтому она масштабируется до любого размера…
Открыть детали .SVG →
.TTF
TrueType Font
A TTF file is a TrueType Font - a scalable vector typeface created by Apple in 1991 and now supported on every major OS. To install it, double-click the file and click Install on Windows,…
Открыть детали .TTF →Качество и на что обратить внимание
- Одна иллюстрация SVG не может создать пригодный для использования
.ttf- каждый глиф должен быть отдельным файлом SVG, содержащим один чистый путь. - Сложные функции SVG, такие как градиенты, маски, фильтры и встроенные растровые изображения, не поддерживаются в контурах шрифтов; переносится только геометрия путей.
- Для каждого глифа необходимо установить ширину шага и положение базовой линии в редакторе шрифтов, иначе символы будут выглядеть смещенными в отрендеренном тексте.
Часто задаваемые вопросы
Могу ли я конвертировать один логотип SVG в файл шрифта TTF?
Нужен ли мне файл шрифта SVG с элементами <font> или просто обычные файлы SVG?
Будет ли полученный TTF работать в Windows, macOS и Linux?
В чем разница между иконочным шрифтом и текстовым шрифтом?
.ttf; иконочный шрифт назначает пути SVG иконок кодовым точкам символов, в то время как текстовый шрифт назначает пути форм букв - рабочий процесс в редакторе шрифтов идентичен.
