时间戳

首页 > 解决方案 > SVG 到字体 (IcoMoon) 创建多个路径

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

问题描述

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

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

标签： csssvgfontstype-conversion

解决方案

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

如果您有权访问 Adob​​e Illustrator，

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

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

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

推荐阅读