Vue项目中使用阿里巴巴矢量图标库（IconFont)

1、搜索图标

2、加入购物车

3、添加到项目

4、生成css文件 ( 在线版 和 本地版本)

前端调用图标

 本地文件解压后目录  demo.css和demo_index.html可以删除

 demo_index.html预览效果

5、在项目中引入在线css文件

全局引入方式 （在main.js文件中全局引入）

@import "https://at.alicdn.com/t/font_2835759_vy9n9k1f7o9.css";

局部引入方式 

<style>
    @import "https://at.alicdn.com/t/font_2835759_vy9n9k1f7o9.css";
</style>

6、使用

<i calss="iconfont icon-home"></i>
<span class="iconfont icon-home"></spna>

<i class="iconfont icon-user"></i>