小程序引用外部字体,在开发工具里成功,在手机里则失败。为什么

发布于 7 年前作者 moqiang629 次浏览最后编辑 7 年前来自 ask

用的是开发文档里的官方api代码

2 回复
gzhu
gzhu1 楼6 年前

用的是小程序官方代码。如下

console.log报错如下

xuegang
xuegang2 楼5 年前

手机加载失败有错误提示吗?

wx.loadFontFace(Object object)

基础库 2.1.0 开始支持,低版本需做兼容处理

动态加载网络字体。文件地址需为下载类型。iOS 仅支持 https 格式文件地址。

注意:

  1. 引入中文字体,体积过大时会发生错误,建议抽离出部分中文,减少体积,或者用图片替代

  2. 字体链接必须是https(ios不支持http)

  3. 字体链接必须是同源下的,或开启了cors支持,小程序的域名是servicewechat.com

  4. canvas等原生组件不支持使用接口添加的字体

  5. 工具里提示 Faild to load font可以忽略