无法解析文件iconfont.ttf

在vue环境下引入icon-fon.csst文件,其中@font-face里面src的url路径一直报错,提示:无法解析文件iconfont.ttf 这是怎么回事

img

这个错误通常是由于路径不正确或者文件不存在导致的。

首先,确保你已经正确安装了iconfont.ttf文件,并且在项目的根目录下。

然后,检查你的路径是否正确。在Vue项目中,通常情况下,iconfont.ttf文件应该位于项目的resources/fonts目录下。

如果你的路径仍然不正确,可以尝试使用相对路径或者绝对路径来指定文件的位置。

另外,如果你使用的是Webpack,可以尝试使用相对路径来指定文件的位置。例如:import './iconfont.ttf';
// 在main.js中引入
import './iconfont.ttf';

去掉src

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^