因为在自己的项目中需要使用图标，而本人不擅长前端。 因此，研究表明蚂蚁的iconfont矢量图标是一个很好的图表库。 介绍最简单、最常用的图标使用方法，供参考。
一.查找适用的图标
官网： http://www.iconfont.cn/找到所需的icon
作为例子，追加入库。
二、生成代码：
单击右上角的购物车图标
下载代码以获得zip包，然后解压缩即可获得所需的文件。
三、使用：
将iconfont.css导入到您的css文件中。
/* URL是项目中调用字体的路径*/@ font-face { font-family : ' icon font '； SRC:URL(Iconfont.EOT？ t=1491967237541 '；/* ie9 */src : URL (icon font.eot？ t=1491967237541#iefix ' )格式(嵌入式-开放类型)、/*ie6-IE8*/URL ) iconfont.woff？ t=1491967237541 ' )格式(woff )、/* chrome、Firefox*/URL ) iconfont.TTF？ t=1491967237541 ' )格式(truetype )、/* chrome、firefox、opera、Safari、Android、IOs4.2*/URL ) icon font=14999/* IOs 4.1-- */}.icon font { font-family : ' icon font '！ 导入； font-size:16px； 字体样式： normal； 微信字体智能： antialiased； - moz-OS x-font-smoothing : gray scale； //icon-wxbsousuotuiguang : before { content : 'e620 '； 调用html时： iclass=' iconfonticon-wxbsousuotuiguang '/I
现在，您可以在页面上生成搜索图标。