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

Glyphicons 使用Glyphter.com将SVG转换为字体时的偏移量-偏移量,glyphicons,fontello,svg-font,Glyphicons,Fontello,Svg Font,我在Adobe Illustrator中创建了一个简单的SVG,然后将其另存为SVG: 然后我将此SVG上传到glyphter.com,它看起来完全居中: 然后,我将Glyphter下载生成的.svg文件放到fontello中,并在我的网站中使用它,但我生成的所有文件都是这样偏移的: 有人知道为什么会有偏移吗?这不应该被确定吗 我甚至尝试使用artboards保存SVG图形,我使用了高度和宽度相同的artboards,使其成为正方形。如评论中所述,您可以使用FontForge对几乎任何字体

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

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

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

有人知道为什么会有偏移吗?这不应该被确定吗


我甚至尝试使用artboards保存SVG图形,我使用了高度和宽度相同的artboards,使其成为正方形。

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

  • FontForge是免费的:
  • 它可以安装在Windows、Mac OS X和GNU+Linux上
  • 您可以操纵单个图示符,并执行批量操作
  • 编辑完字体后,可以将其导出到几乎任何字体mime类型(ttf、otf、woff、svg等)
这是一本很好的安装和使用FontForge的手册:

此特定问题可能需要的信息如下:


批量居中所有图示符:

  • 打开要编辑的字体
  • 要查看所有相关图示符,请从顶部菜单中选择Encoding->Compact
  • 要选择所有图示符,请按键盘上的
    Ctrl+A
    ,然后
  • 要相对居中所有图示符,请从顶部菜单中选择度量->宽度居中
以下屏幕截图说明了上述顺序中的最后3点:


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

您必须专门使用Glyphter&Fontello吗?关于如何解决这个问题,我可以马上给你一个很好的答案,但是使用FontForge。谢谢@argon-我只能使用免费的开源工具:(我很乐意接受你的答案,尽管我会从中学习,并尝试使用FontForge,因为我被困在这个问题上:(不用担心,它是免费的,开源的。我已经发布了一个讨论过的答案。如果你需要更多信息,我会很乐意用更具体的说明更新答案:)哇,非常感谢,这真是太好了!我会试试看的!:)高兴:D-我刚刚更新了答案-有说明和屏幕截图来做你需要做的事情;)哦,哇!衷心感谢,这些截图非常有用!