阿里矢量图iconfont的两种使用方法

阿里矢量图

Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具
阿里矢量图网址链接: 跳转.

方法一 在线引用

1. 进入阿里矢量图官网，登录
2. 选择一栏矢量图
   
   或者在搜索框输入要使用的矢量图名称

4. 接下来我们把鼠标移到一个矢量图上，会显示三个按钮，分别是“添加入库”，“收藏”，“下载”
5. 我们这时候把需要使用的矢量图先“添加入库“

6. 这时候右上角的购物车添加成功.，我们点击购物车，点击添加至项目，确定
== 你需要先创建一个项目==

7.确认后会进入到你的项目中，在这里你会看到你刚才添加的矢量图标，点击复制代码，到你的项目中使用
这样就可以选择合适的矢量图标使用了

7. 在项目中这样使用
   

方法二 下载使用

前几部还是选中，添加，在项目库中查看

这里点击下载至本地，解压后使用
使用方法

1. 第一步：解压文件
   

3在项目中创建一个文件夹，font，把上面的引入.

4. 在项目中使用