css - 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 > 探路者 > 合并
6. 然后保存并再次导入

您可以在 Illustrator 中将此记录为一个 Action 以备将来使用

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