字体图标库下载好自己想要的图标,解压到当前文件夹中,然后放到项目目录static/iconfont文件夹下
App.vue中引入css文件
此时运行项目发现编译报错,文件查找失败:'./iconfont.ttf?t=1697618861759' at App.vue:6
解决办法如下
把刚才复制到static/iconfont文件夹下的iconfont.ttf编译成Base64 然后在iconfont.css中引入就可以了,https://www.giftofspeed.com/base64-encoder/
src: url('data:application/x-font-woff2;charset=utf-8;base64,转成Base64的码写在这里')
我的iconfont.css中一共三个url都删掉,直接改成上面的就行