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

Posted 2023-03-06

【中文标题】SVG 到字体 (IcoMoon) 创建多个路径

【英文标题】：SVG to Font (IcoMoon) Create Multiple Path

【发布时间】：2019-01-30 11:31:03

【问题描述】：

我正在使用 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>

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

【参考方案1】：

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

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

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

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

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