小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用
wx.loadFontFace
来接入第三方的字体，在模拟器和Android真机上能够正产显示，在iOS真机上无法显示，返回报错信息为
loadFontFace:fail
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
如果遇到字体不显示，字体是远程的话，需要解决跨域问题，设置允许访问。
loadFontFace() {
wx.loadFontFace({
family: 'D-DIN-Bold',
source: 'url("https://public-cdn.chuzhiyun.com/fonts/D-DIN-Bold.otf")',
success(res) {
console.log('字体下载成功了');
console.log(res.status)
},
fail: function(res) {
singleton.showToast('字体下载失败');
console.log(res)
complete: function(res) {
console.log('字体下载结束了');
}
});
我提供代码了
这段代码在android机器和模拟器上能加载出来字体，在iOS机器上不行
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
如果遇到字体不显示，字体是远程的话，需要解决跨域问题，设置允许访问。
loadFontFace() {
wx.loadFontFace({
family: 'D-DIN-Bold',
source: 'url("https://public-cdn.chuzhiyun.com/fonts/D-DIN-Bold.otf")',
success(res) {
console.log('字体下载成功了');
console.log(res.status)
},
fail: function(res) {
singleton.showToast('字体下载失败');
console.log(res)
},
complete: function(res) {
console.log('字体下载结束了');
}
});
},
我提供代码了
这段代码在android机器和模拟器上能加载出来字体，在iOS机器上不行