闲话少说！快速在项目中用起来Iconfont

添加进项目

搜索关键词-找到合适图标添加入库-添加进项目

导入字体文件

点进图标管理中的我的项目

在这里能看到Unicode、Font Class和Symbol三种不同的格式。其中Font Class只是Unicode的优化，本质还是一样的。所以可以简单理解Unicode是兼容格式，适配大多数浏览器但不能变色。Symbol是全新格式，适配现代浏览器，可以像字体一样调样式。

微信小程序的导入问题

小程序不允许网络资源引入，所以只能下载至本地再导入，有因为小程序限制了svg标签的使用，所以不能使用Symbol的导入。

具体的步骤点看 参考文章: 微信小程序添加并使用外部字体（成功添加到维吾尔语了... 即可。

实用的搭配代码：

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}