在项目中使用阿里字体图标

首先要在阿里图标官网注册一个账号 我是用微博直接扫码登录。

然后创建项目 把需要的图标放在这个项目里边,不创建项目也可以使用，但是后期维护会很麻烦。

创建项目之后，之前的图标都在这个项目里，后期再添加新的图标只要加到这个项目里，重新下载，替换原来的fonts文件就可以了。

登录后在 找到自己要用的图标加入购物车—点击购物车—添加至项目

然后在资源管理—我的项目里找到加入的图标—点击 下载至本地

下载下来解压如下图

在项目assets文件夹下创建文件fonts 把下载下来的文件放里边

在main.js里引入 import ‘@/assets/fonts/iconfont.css’
然后找到图标的代码就可以用啦

<span class="icon iconfont">&#xe610;</span>
<span class="icon iconfont">&#xeb47;</span>