uniapp 中引入 iconfont 文件报错文件查找失败:‘./iconfont.ttf?t=1666846147194‘

原因

iconfont.css 文件中的引用图标的默认路径错误,对该路径进行修改即可。

在这里插入图片描述

解决方法

1、改成绝对路径。

在这里插入图片描述

2、如果文件在 App.vue 中进行了全局引入,则将图标的路径改成 App.vue 文件的相对路径。

App.vue:

<style>
	/*每个页面公共css */
	@import 'common/css/font/iconfont.css'
</style>

iconfont.css:

在这里插入图片描述

3、使用 iconfont 提供的网络路径。

在这里插入图片描述在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/jiangjunyuan168/article/details/127550375