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

时间:2018-08-24 02:43:15

标签: css svg fonts type-conversion

我正在使用IcoMoon将svg文件转换为字体,但是我得到的是这样的东西 enter image description here

我想使用这样的字体

<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 个答案:

答案 0 :(得分:1)

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

如果您有权访问Adobe Illustrator,

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

您可以将此操作记录在Illustrator中以备将来使用

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