使用 Glyphter.com 将 SVG 转换为字体时的偏移量 - 偏移量

Offset when convert SVG to font with Glyphter.com - Offset

我在 Adob​​e Illustrator 中创建了一个简单的 SVG,然后将其另存为 SVG:

然后我将此 SVG 上传到 glyphter.com,它看起来完全居中:

然后我将 Glyphter 下载生成的 .svg 文件放到 fontello 中,我在我的网站上使用它,但我生成的所有文件都是这样偏移的:

有谁知道为什么会有偏移量?不应该被取消吗?

我什至尝试用画板保存我的 SVG 图形,我使用了高度和宽度相同的画板,所以它是一个正方形。

如评论中所述,您可以使用 FontForge 对几乎任何字体的字形进行低级控制。

  • FontForge 免费:https://fontforge.github.io/en-US/
  • 可以安装在Windows,MacOSX和GNU+Linux
  • 您可以操纵单个字形,并执行批量操作
  • 完成字体编辑后,您可以将其导出为几乎任何字体 mime 类型(ttf、otf、woff、svg、

这是安装和使用 FontForge 的好手册:
http://designwithfontforge.com/en-US/index.html

您可能需要的有关此特定问题的信息如下:
http://designwithfontforge.com/en-US/Spacing_Metrics_and_Kerning.html

批量居中所有字形:

  • 打开你要编辑的字体
  • 查看所有相关字形select 编码 -> 压缩 从顶部菜单
  • 到select所有字形,按键盘上的Ctrl+A,然后
  • 要使所有字形相对居中,select Metrics -> Center in Width 来自顶部菜单。

以下屏幕截图按顺序说明了最后 3 点 - 如上所述:

完成后,select 文件 -> 生成字体 从顶部菜单中选择所需的字体类型,选择目标文件夹,然后点击 保存