vue项目中阿里图标的使用

vue项目中阿里图标的使用

在项目中使用阿里图标，先去阿里图标网站（https://www.iconfont.cn/），找到自己想要的图标，添加到一个新建项目中，然后选择Font class,点击下载至本地

然后打开压缩包

然后把里面的iconfont.css和iconfont.ttf,放到项目里面。

然后在入口文件，main.js文件中引入

import './assets/icon/iconfont.css'

就可以在页面使用了

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