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

时间:2016-05-08 21:50:10

标签: glyphicons fontello svg-font

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

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

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

有谁知道为什么有偏移?不应该被塞满了吗?

我甚至尝试使用画板制作我的SVG图形,并使用高度和宽度相同的画板,因此它是一个正方形。

1 个答案:

答案 0 :(得分:3)

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

  • FontForge是免费的:https://fontforge.github.io/en-US/
  • 它可以安装在 Windows,Mac OS X和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

批量对齐所有字形:

  • 打开要修改的字体
  • 查看所有相关字形选择编码 - >从顶部菜单
  • 压缩
  • 选择所有字形,按键盘上的Ctrl+A,然后
  • 将所有字形相对居中,选择 Metrics - >从顶部菜单中心宽度

以下截图显示了序列中的最后3个点 - 如上所述:

enter image description here

enter image description here

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