小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如题,使用loadfontface加载外部字体,ios机器上能正常加载,然而Android设备无法加载成功。这个BUG是已经修复了吗?
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
android真机测试通过
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
安卓和ios打印都走成功的回调,但是android不生效,ios可以
字体链接必须是同源下的,或者开启 cors 支持,但是小程序的域名是 servicewechat.com,我们开发的时候肯定不能往这个域名下放字体文件的,只能放到自己的域名下,然后开启cors支持
应该就是这个cors支持的问题,用别人家的字体链接是可以的。
我们的后台搞不定cors,不会弄
报的这个信息。字库已经裁剪过了,大概1.5M左右。
ios上是没问题的。Android设备有问题
麻烦提供下相关的代码片段:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
wx.loadFontFace({
family:
'PF Light'
,
source:
'url("https://sz.smates.cn/newFont/PingFang_Light_0_sub.ttf")'
success:
function
(res) {
console.log(res)
},
fail:
complete:
}
});
使用:
.font-l {
font-family
:
"PF Light"
!important
;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
这个字体链接没有开启cors支持
报错信息是什么呢?文件包比较大吗?
您好,请问那个同源指 的是和谁同源 ?小程序吗?字体该放在那里
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
android真机测试通过
安卓和ios打印都走成功的回调,但是android不生效,ios可以
字体链接必须是同源下的,或者开启 cors 支持,但是小程序的域名是 servicewechat.com,我们开发的时候肯定不能往这个域名下放字体文件的,只能放到自己的域名下,然后开启cors支持
应该就是这个cors支持的问题,用别人家的字体链接是可以的。
我们的后台搞不定cors,不会弄
报的这个信息。字库已经裁剪过了,大概1.5M左右。
ios上是没问题的。Android设备有问题
麻烦提供下相关的代码片段:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
wx.loadFontFace({
family:
'PF Light'
,
source:
'url("https://sz.smates.cn/newFont/PingFang_Light_0_sub.ttf")'
,
success:
function
(res) {
console.log(res)
},
fail:
function
(res) {
console.log(res)
},
complete:
function
(res) {
}
});
使用:
.font-l {
font-family
:
"PF Light"
!important
;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
这个字体链接没有开启cors支持
报错信息是什么呢?文件包比较大吗?
您好,请问那个同源指 的是和谁同源 ?小程序吗?字体该放在那里
errMsg: "loadFontFace:fail"
status:"error"
}