自定义字体图标和简单线图标不同

Question

我在网站上使用简单线条图标。现在我需要使用上面提到的包中缺少的自定义图标。我有设计师发送的SVG文件，但是当我将这个文件转换为字体类型（ttf，woff，eot等）时，我确实得到了相同字体大小和行高的不同视觉外观。 如何将其转换为与简单线条图标设置中的图标类似？我需要自定义字体创建软件吗？要比较和调整字形属性？

仅供参考我在icomoon.io app的帮助下转换了SVG文件并创建了自定义字体集。

Answer 1

看起来像是将SVG缩放到相对于字体中其他字形的大小的问题。

您可以尝试使用字体编辑工具，例如：“FontForge”（https://fontforge.github.io/en-US/）来准确实现此目的。

通过检查顶点是否正确关闭，不是太复杂等等，确保SVG字形构造良好，因为它可能有助于转换＆amp;渲染。

编辑：

还要检查SVG字形相对于SVG元素大小的大小。如果字形太大（或太小）以至于在宽度和宽度内相对较好地适合。包含SVG元素（文档）的高度参数 - （用作字形框大小），那么相对于字体中的其他字形，它的大小会有问题。