首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >倒置字形:位图> SVG通过自动跟踪>字形通过方阵锻造

倒置字形:位图> SVG通过自动跟踪>字形通过方阵锻造
EN

Stack Overflow用户
提问于 2012-10-03 17:10:41
回答 4查看 3.5K关注 0票数 6

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

  • 获取位图图像
  • 使用自动跟踪(在Linux上)创建SVG
  • 使用python (glyph.importOutlines(svgfile) )将大纲导入为字形

这可以很好地实现,除了在倒置的中生成的字形(见图像)。是否知道如何防止这种情况,如何将SVG或字形倒置,或诸如此类?

源位图:

自动跟踪SVG:

产生的字体:

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-10-07 11:12:40

简单地通过使用后迹而不是自动跟踪来解决这个问题。

供参考的步骤如下:

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

代码语言:javascript
运行
复制
potrace -s sourceimg.bmp

使用svg作为字形(python):

代码语言:javascript
运行
复制
import fontforge
font = fontforge.open('blank.sfd')
glyph = font.createMappedChar('A')
glyph.importOutlines('sourceimg.svg')
font.generate('testfont.ttf')

就这样,下面的结果将在一个网站上使用:

css:

代码语言:javascript
运行
复制
@font-face
{
font-family: testfont;
src: url('testfont.ttf');
}

html:

代码语言:javascript
运行
复制
<span style="font-family:testfont; font-weight:normal; color:green;">A</span>
<span style="font-family:testfont; font-weight:bold; color:green;">A</span>

票数 15
EN

Stack Overflow用户

发布于 2012-10-05 14:28:15

您可以尝试反向路径,不确定是否有一个选项,让我们这样做,但您可以使用inkscape (路径>反向)。

票数 1
EN

Stack Overflow用户

发布于 2012-10-20 01:22:37

看来你的字形是手绘的。如果你想要一个完整的TTF字体与数十或数百个字形,那么你可以考虑。斯卡纳汉德,我用它来生成手绘字体。它使用一个模板,您可以在模板上绘制(或粘贴)字母,使它们处于正确的垂直位置。水平位置(和间距)至少在阿扎兹中是自动计算的。

但我很欣赏你的解决方案,因为它使用免费或开放源码工具,而且您几乎完全控制了一切(例如。(间隔)而最棒的与potrace和字体伪造是,你可以做它的飞行或作出一个在线字体创建服务!Potrace是在AS3上移植的(我测试过它是工作的),现在也是在JS ( https://github.com/antimatter15/js-potracehttps://github.com/dunvi/potrace-js)中移植的,所以还应该可以创建一个实时预览窗口,它显示了当potrace参数发生变化时向量化结果是如何变化的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12713444

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档