Icomoon自定义图标字体(1类中的多个路径组)

时间:2017-08-21 07:58:53

标签: html css svg icons font-face

我正在尝试在我的项目上使用Icomoon的海关图标。 我真的很喜欢它。 一切都很好,直到我尝试在2种颜色的图标上插入HTML。

<span class="icon-fun-diving">
  <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>
我们可以从上面的代码中看到,有一组“span”用于显示它。我知道它发生的原因是它的颜色很多。

问题是
有什么方法可以将这些代码存储在一个文件中,然后只使用单个类名称在html中调用它?因为阅读/控制更容易和更整洁。

示例(如下所示):

<span class="icon-fun-diving"></span>  

0 个答案:

没有答案