IconFont 图标的3种引用方式

第一步：进入阿里巴巴矢量图网站：http://www.iconfont.cn/

 

阿里巴巴矢量图

第二步：搜索你分类的关键字---然后加入购物车，下载到本地，然后解压，会将合并后的字体文件及自动生成的css全部下载

 

 

解压后的文件

 

第三步：打开demo_index.html,里面有刚才你选择的icon图标

 

 

第四步：从三种模式中选择一种  按照选择那种的步骤进行操作

 

我选择的是Symbol彩色的那种

 

效果展示：

另外两种也可以按着步骤来

注意：