vue项目中使用阿里巴巴iconfont字体图标

---

1、百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过;

2、找到图标管理->我的项目->然后新建项目:

3、 点击新建项目,用于保存自己常用的图标;

4、 项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索想要的图标,然后添加到购物车

5、把想要的图标都加入到购物车之后，点击购物车图标 > 添加至项目 > 下载至本地

6、将下载好的文件添加到你的项目中,在项目中引用文件中的iconfont.css文件;

在src >assets 文件夹中新建一个文件夹 iconfont ，用于存放字体图标相关文件

7、在main.js文件中引入iconfont.css文件

8、使用：创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名:

 <i class="iconfont iconlaiyuangailan"></i>