1.阿里矢量图标库

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

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

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

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

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

2.在线使用的方法

1.加入购物车

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

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

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

html中<i class="iconfont"></i>

5.css中引用

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

版权声明：本文为cassie-coder原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/cassie-coder/p/8875469.html