在工作中，我经常使用蚂蚁IconFont图形库，但今天我发现了一个我很少注意到的问题。
首先，IconFont为我们提供了三种引用图标的方法
unicode引用
unicode是字体在网站端最原始的应用方式，特点如下：
兼容性最高，支持ie6和所有现代浏览器。
可以按字体动态调整图标的大小和颜色等。
但是因为是字体，所以不支持多色。 只能使用平台的单色图标。 即使项目中有多色图标也会自动掉色。
注意：新版本的iconfont支持多色图标。 这些多色图标在unicode模式下不可用。 如果需要，建议使用symbol引用方法
使用unicode的步骤如下：
步骤1 :复制在项目下生成的字体
@ font-face { font-family : ' icon font '；
SRC:URL(iconfont.EOT )；
SRC:URL(Iconfont.EOT？ #iefix ' )格式(嵌入式开放)、
URL(iconfont.woff ) (格式) woff )、
URL(iconfont.TTF ) (格式) (truetype )、
URL(Iconfont.SVG#Iconfont ) (格式) (SVG )；
}
定义使用步骤iconfont的样式
. iconfont{
font-family:'iconfont '！ 导入