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

Question

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

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

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

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

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

Answer 1

正如评论中提到的，您可以使用FontForge对几乎任何字体的字形进行低级控制。

• FontForge 是免费的：https ://fontforge.github.io/en-US/
• 它可以安装在Windows、Mac OS X 和 GNU+Linux 上
• 您可以操纵单个字形，并执行批量操作
• 完成字体编辑后，您可以将其导出为几乎任何 font-mime 类型（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。