Vue项目引入阿里图标 iconfont

1.登录iconfont官网

https://www.iconfont.cn/

2.登录，我使用的github账号登录，之后新建项目

3.挑选图标入库，在添加到新建的项目

 

4.下载至本地

5.复制到项目assets/icon目录

6.在main.js文件里引入iconfont.css

7. 使用图标

在vue中通过font class方式引用，下载包里的demo_index.html会有3种引用方式的步骤

常规项目直接以下方式引入css即可

 

<link rel="stylesheet" href="./iconfont.css">

font class

class="iconfont iconadd-account"

iconfont为固定的写法 后面的图标类名从图标库复制即可

8.查看效果