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

Question

我在 Adob​​e Illustrator 中创建了一个简单的 SVG，然后将其保存为 SVG：

然后我将此 SVG 上传到 glyphter.com，它看起来完美居中：

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

有人知道为什么会有偏移吗？不应该是居中的吗？

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

Answer 1

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

• FontForge 是免费的：https://fontforge.github.io/en-US/
• 它可以安装在 Windows、Mac OS X 和 GNU+Linux
• 您可以操纵单个字形，并执行批量操作
• 编辑完字体后，您可以将其导出为几乎任何 font-mime-type（ttf、otf、woff、svg、等）

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

此特定问题您可能需要的信息在这里：
http://designwithfontforge.com/en-US/Spacing_Metrics_and_Kerning.html

批量居中所有字形：

• 打开要编辑的字体
• 要查看所有相关字形，请从顶部菜单中选择 Encoding -> Compact
• 要选择所有字形，请按键盘上的Ctrl+A，然后
• 要使所有字形相对居中，请从顶部菜单中选择Metrics -> Center in Width。

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

完成后，从顶部菜单中选择 File -> Generate Fonts 并选择所需的字体类型，选择目标文件夹，然后点击 Save.