1.打开iconFont官网，选择自己喜欢的图标，添加购物车

2.点击购物车并将其添加到项目中

3.在本地下载

4.将下载的文件iconfont.css和iconfont.ttf放在项目资源文件夹中(您可以创建一个css文件或iconfont文件)

5.在main.js中引入iconfont.css样式

“进口”。/assets/icon font/icon font . CSS ' 6。请参考vue文件中的i class='iconfont

icon-zitigui-xinxing '/i7，如果报错，需要下载css-loader依赖包

Npm安装css-loader - save以上在vue项目中正确使用iconfont的方法是边肖分享的全部内容。希望能给大家一个参考，多支持我们。