阿里矢量图标库的使用

1.阿里矢量图标库

原理：通过将svg等格式的矢量图改变为相应的字体，用户通过

@font-face来使用下载字体库

阿里矢量图标库，可以当做一个icon库使用，可下载png格式图标

也可下载svg格式，复制svg代码

也可加入购物车，然后放到某个项目中，通过在线的方式使用。

2.在线使用的方法

1.加入购物车

2.创建项目，将所需图标放入项目中

3.生成字体库代码，拷贝到自己的项目中

4.每个图标生成相应代码，其unicode就代表该图标

html中<i class="iconfont">&#xe624;</i>

5.css中引用

.iconfont{
  font-family:"iconfont";//引用该字体库
  font-size:16px;//编辑字即编辑图标
  font-style:normal;
}