修改字体图标类名

修改字体图标 （iconfont） 类名

举例应用场景：例如管理系统侧边导航栏，一般由后端接口返回（包括侧边栏对应的字体图标名字），有很大可能与项目中引入的字体图标文件中的类名不一致，这时就需要我们手动更改类名了。

在 iconfont.css 中修改类名，操作如下：

注意：可以分别声明字体家族，也可在标签引用时加上 iconfont 类

<!-- 声明 自定义字体类名 的字体家族 -->
.iconfont, .a-1, .a-2, .b-1, .b-2 {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.a-1:before {
  content: "\e012";
}

.a-2:before {
  content: "\e013";
}

.b-1:before {
  content: "\e014";
}

.b-2:before {
  content: "\e015";
}

• 页面中引用

<!-- 方式一：使用该方法时，需要分别声明自定义类名的字体家族 -->
<i class="a-1"></i>

<!-- 方式二：使用该方法时，不用分别声明自定义类名的字体家族 -->
<i class="iconfont a-1"></i>