倒置字形:位图> SVG通过autotrace>字形通过fontforge

Hof*_*off 6 python fonts svg invert fontforge

我试图通过以下方式创建字体/字形:

  • 拍摄位图图像
  • 使用autotrace创建SVG(在Linux上)
  • 使用python-fontforge将字符导入为字形(glyph.importOutlines(svgfile))

除了生成的字形被反转(参见图像)之外,这种方法很好.知道如何防止这种情况,如何反转SVG或字形,或类似的东西?

源位图: 源位图

Autotraced SVG: 在此输入图像描述

结果字体: 在此输入图像描述

Hof*_*off 13

通过使用potrace而不是autotrace解决了这个问题.

供参考,这些是以下步骤:

将位图转换为svg(linux命令行):

potrace -s sourceimg.bmp
Run Code Online (Sandbox Code Playgroud)

使用svg作为字形(python):

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

就是这样,以下结果在网站上使用:

CSS:

@font-face
{
font-family: testfont;
src: url('testfont.ttf');
}
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述