使用icomoon的SVG到Ico生成多个路径而不是单个对象字形

Question

我使用illustrator创建一个SVG文件,使用icomoon将其转换为字体图标.但我对最终结果有疑问.我的图标基本上是同心圆的集合,在插图画家中保存为SVG.使用iconmoon将SVG转换为图标,我看到图标被转换为多个路径而不是单个对象.

    <span class="icon-4">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
</span>

链接到图像:http://imgur.com/FnWgQNF

Answer 1

我有同样的问题.在插画家中尝试查看透明度网格,删除插画中的所有颜色,减去透明度,所有这些都没有运气.

然后我在IcoMoon中发现,如果在底部而不是单击"生成字体",则选择"SVG and More",您可以单击问题图标并在应用程序中编辑SVG.IcoMoon有一个"删除颜色"按钮(带x的下拉).一旦你完成了,你可以关闭那个盒子,你的svg是单色的,不需要重新进口.然后,您可以下载它,或者只需单击以生成您的字体.田田!:-)

我花了一段时间才弄明白这一点,但是一旦我这样做,我就被卖掉了,真的是多么棒的.

Answer 2

您要导入的SVG中可能有多种颜色。因此，您的图标被解释为“多色”。由于字体字形只能具有一种颜色，所以IcoMoon必须为多色图标使用多个路径。尝试将SVG中的所有颜色更改为相同的颜色，然后重新导入SVG。