vue3使用iconfont

1.首先登陆阿里云矢量图标库,把需要的字体图标加入到自己的项目中
2.将项目下载到本地,并解压到项目中

3.在vue项目下的资源文件夹下新建iconfont文件夹,将下载后的文件解压将一下文件拷贝到项目的iconfont文件夹下,

4.在main.ts中引入iconfont.css和iconfont.js,如果不使用多色图标的话可以不用引入iconfont.js文件
import '@/assets/icons/iconfonts/iconfont.css'

5.在代码中使用(iconfont 是必须添加的类名, 后面的对应才是对应的图标,类名参考 iconfont官网)

你可能感兴趣的:(前端vue3iconfont)