1,打开iconFont官网选择自己喜欢的图标,并且添加购物车
2,点击购物车,添加至项目
3,下载至本地
4,把我们下载好的文件iconfont.css和iconfont.ttf放到项目资产文件夹下(可创建一个css文件或iconfont文件)
5,在main.js中引入iconfont.css样式
进口的。/资产/iconfont/iconfont.css”在
6日在vue文件中引用& lt;我class=" iconfont
icon-zitigui-xianxing”祝辞& lt;/i>
7日假如报错,需要下载css-loader依赖包
npm安装css-loader——保存
以上这篇在vue项目中正确使用iconfont的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。