Перевернутый глиф: растровое изображение> SVG через AutoTrace> Glyph через FontForge

Question

Я пытаюсь создать шрифт / глиф:

.
• принимая растровое изображение
• Создание SVG с AutoTrace (на Linux)
• Импорт наброски в виде глифа с Python-fontForge (Glyph.importoutlines (svgfile))

Это работает нормально , за исключением того, что полученный глиф в перевернутом (см. изображения).Любая идея, как это может быть предотвращено, как SVG или Glyph можно перевернуть, или что-то подобное?

Исходное растровое изображение:

AutoTraced SVG:

Полученный шрифт:

Answer 1

Решил это просто с помощью potraace вместо AutoTrace.

Для справки, это этапы:

Преобразовать растровое изображение в SVG (командная строка Linux):

potrace -s sourceimg.bmp

.

Используйте SVG как глиф (Python):

import fontforge
font = fontforge.open('blank.sfd')
glyph = font.createMappedChar('A')
glyph.importOutlines('sourceimg.svg')
font.generate('testfont.ttf')

.

Вот и это, приведено ниже для использования на сайте:

CSS:

@font-face
{
font-family: testfont;
src: url('testfont.ttf');
}

.

html:

<span style="font-family:testfont; font-weight:normal; color:green;">A</span>
<span style="font-family:testfont; font-weight:bold; color:green;">A</span>

.

Answer 2

Вы можете попытаться поменять путь, не уверены, есть вариант в FontForge, которая давайте сделаем это, но вы можете сделать это с Inkscape (Path> Reverse).

Answer 3

Похоже, ваш глиф ручной обращается. Если вы хотите сделать полный шрифт TTF с десятками или соцами глифов, вы можете считать, например, Scanahand который я использовал для генерации рисованной шрифтов. Он использует шаблон, на котором вы рисуете буквы (или вставьте), чтобы они приходили в правильном вертикальном положении. Горизонтальное положение (и расстояние) вычисляются автоматически, по меньшей мере, в [A-za-Z] (могут быть в будущем и другие буквы).

Но я ценю Ваше решение Поскольку он использует бесплатные или открытые инструменты исходных инструментов, и у вас есть почти полный контроль над всем (например, , Spacings). И лучшая вещь с Potrace и FontForge заключается в том, что вы можете сделать это на лету или сделать онлайн-сервис создания шрифта! Potrace портирован на AS3 (работает, я тестировал), а теперь и в JS ( https://github.com/antimatter15/js-potraace или httplow noreferrer"> https://github.com/dunvi/potrace-js ), поэтому следует также сделать окно предварительного просмотра в реальном времени, который Показывает, как результат результата изменяется при изменении параметров potrace.