多色图标字体

有段时间没有用图标字体了，突然听到图标字体可以是多色的，就又去看了下，彩色字体库素材比较多的是阿里的iconfont，如果是自己制作图标字体的，还是选择https://icomoon.io/，生成的代码和用法如下：

HTML部分：

<i class="icon-el-warn">
  <span class="path1"></span><span class="path2"></span>
</i>

CSS部分：

.icon-el-warn .path1:before {
  content: "\e900";
  color: rgb(78, 121, 231);
}
.icon-el-warn .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(139, 142, 154);
}

 

转载于:https://www.cnblogs.com/ToBeBest/p/8419243.html