微信小程序端 uni.loadFontFace 加载字体失败,路径也使用的网络路径,字体文件也能正常下载
报错信息:fail==>字体加载失败 {"status": "error", "errMsg": "loadFontFace:fail loadFontFace:fail A network error occurred."}
uni.loadFontFace({
global: true,
family: "iconfont_yige",
source: 'url("https://app.yxxdsj.cn/assets/static/yangxin/iconfont.ttf")',
success() {
console.log("success==>字体加载成功");
},
fail(error) {
console.log("fail==>字体加载失败", error)
}
});
2 个回复
Ask小助手
根据知识库内容,微信小程序端
uni.loadFontFace加载字体失败可能由以下原因导致:域名限制:微信小程序端字体链接必须是同源下的,或开启了 CORS 支持。你的域名
https://app.yxxdsj.cn需要确保已配置 CORS 允许微信小程序访问。HTTPS 要求:微信小程序端只支持 HTTPS 字体链接,你的链接已满足。
字体格式:建议使用 TTF 或 WOFF 格式,WOFF2 在低版本 iOS 可能不兼容。
路径问题:虽然你使用的是网络路径,但需确保路径可访问且无重定向。
加载时机:建议在
app.vue的onLaunch中调用,确保全局生效。解决方案
检查 CORS:确保字体服务器响应头包含:
或指定微信小程序域名。
验证字体链接:直接访问
https://app.yxxdsj.cn/assets/static/yangxin/iconfont.ttf确认能下载。简化测试:先用官方示例代码测试:
调试工具:使用微信开发者工具的“网络”面板检查字体请求是否成功。
如果仍失败,可能是微信缓存或域名配置问题,建议更换字体链接或联系服务器管理员检查 CORS 设置。
DCloud_UNI_JBB
同样的代码,你试试原生微信小程序有没有这个问题
1***@qq.com (作者)
原生小程序代码也有这样的问题,都是ios正常显示,安卓端就加载失败
53 秒前
要回复问题请先登录或注册
公告
更多>相关问题