vue3前端项目引入iconfont阿里图标

185 阅读1分钟

首先登陆阿里云矢量图标库,把需要的字体图标加入到自己的项目中
进入项目以后 选择 Font class 并下载到本地 image.png

下载到本地,解压以后的文件夹列表如下

image.png

将红框的文件粘贴到自己项目assets的iconfont文件下

image.png

在main.ts文件内全局引入 阿里云字体图标 css

import './assets/icons/iconfont/iconfont.css' // 引入阿里云字体图标css

最后在项目中使用图标

<i class="iconfont icon-home-03"></i>

image.png