SVG to Ico 使用 icomoon 生成多个路径而不是单个对象字形 [英] SVG to Ico using icomoon generates multiple path instead of single object glyph

问题描述

我正在使用 illustrator 创建一个 SVG 文件，该文件将使用 icomoon 转换为字体图标.但我对最终结果有问题.我的图标本质上是一组同心圆，在Illustrator中保存为SVG.SVG 使用 iconmoon 转换为图标，我看到图标被转换为多个路径而不是单个对象.

I am using illustrator to create a SVG file that will be converted to a font icon using icomoon. But I am having problems with the end result. My icon is essentially set of concentric circles, which is saved as SVG in illustrator. The SVG is converted to icons using iconmoon, I see that the icon is converted to multiple paths instead of a single object.

    <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

推荐答案

我遇到了完全相同的问题.尝试在 illustrator 中查看透明网格，在 illustrator 中删除所有颜色，减去透明度，一切都没有运气.

I had this exact same issue. Tried view transparency grid in illustrator, removing all color in illustrator, subtracting the transparencies, all with no luck.

然后我在 IcoMoon 中发现，如果在底部而不是单击生成字体"而是选择SVG 和更多"，则可以单击问题图标并在应用程序中直接编辑 SVG.IcoMoon 有一个删除颜色"按钮(用 x 删除).完成后，您可以关闭该框并且您的 svg 是单色的，无需重新导入它.然后您可以下载它，或者只需单击即可生成您的字体.多田！:-)

Then i discovered in IcoMoon, that if at the bottom instead of clicking "Generate Font" you choose "SVG and More" you can click on the problem icon and edit the SVG right in the app. IcoMoon helpfully has a "Remove Colors" button (drop with x). Once you've done that you can close that box and your svg is monochrome, no need to reimport it. You can then download it, or just click to generate your font. Tada! :-)

我花了一段时间才弄明白这一点，但是一旦我弄明白了，我就被 icomoon 的魅力所折服了.

It took me a while to figure this out, but once i did i was sold on how awesome icomoon really is.

这篇关于SVG to Ico 使用 icomoon 生成多个路径而不是单个对象字形的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！