字体图标库使用

一、导入图标库文件（下载后直接引入 iconfont.css）

     页面调用格式为：<i class="iconfont icon-img"></i>

二、自定义调用的格式（重写调用的部分）

[class^="el-icon-m-"],
[class*=" el-icon-m-"] {
font-family: iconfont !important;
font-size: 16px;
font-style: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale;
}

说明：

^：匹配class以"el-icon-m-"开头的所有元素
*：通配选择器，匹配所有元素
匹配class属性值包含" el-icon-m-"的所有元素

注意：如果项目中使用了UI框架，例如element UI，里面有字体图标库了，但是不能满足当前业务需求，需要引入新的，这个时候重写部分一定要在框架的css引入之后引入，否则会被覆盖掉。