SVG 到字体 (IcoMoon) 创建多个路径

Question

我正在使用 IcoMoon 将我的 svg 文件转换为字体，但我得到的是这样的

我想使用这样的字体

<span class="icon-Electronic"></span>

而不是这个

<span class="icon-Electronic"><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 class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span></span>

我的步骤有什么问题？我需要帮助

Answer 1

这是因为您的 svg 文件中有多个路径， 您需要在外部将它们合并在一起并再次导入

如果您可以访问 Adob​​e Illustrator，

1. 在 Illustrator 中打开文件
2. 全选
3. 转到对象>路径>轮廓描边
4. 然后全选
5. 转到 Windows > Pathfinder > 合并
6. 然后保存并再次导入

您可以将其记录为 Illustrator 中的操作以供将来使用

上述方法可以复制到任何其他矢量编辑软件，如 Inkscape（免费）。步骤几乎相同， 但是合并非常重要。