步骤
-
打开阿里适量图库https://www.iconfont.cn/,找到需要的图标,加入购物车,并把图标加入一个项目
在这里插入图片描述 -
点击“生成代码”,生成font-face相关代码;点击下载,生成相关文件
-
找到下载文件中的iconfont.css,复制到项目的static/icontfont的文件夹下;在App.vue文件中引入iconfont.css文件
- 复制步骤3生成的代码,替代iconfont.css文件中的
5.最后使用:
步骤
打开阿里适量图库https://www.iconfont.cn/,找到需要的图标,加入购物车,并把图标加入一个项目
在这里插入图片描述
点击“生成代码”,生成font-face相关代码;点击下载,生成相关文件
找到下载文件中的iconfont.css,复制到项目的static/icontfont的文件夹下;在App.vue文件中引入iconfont.css文件
5.最后使用: