CSS 引入远程字体文件android不生效?
发布于 7 年前 作者 kcai 8234 次浏览 来自 官方Issues

是一个琥珀字体,放在了云开发的存储里面,ios可以支持,但是安卓没生效,

字体大小3M左右

4 回复

让后端调整__字体链接必须是同源下的,或开启了cors支持,小程序的域名是servicewechat.com__

IOS 可以加载成功,安卓提示error.

wx.loadFontFace

试试整个接口提供示例代码的字体库,安卓能不能加载,如果可以,那估计是你字体库的问题

wx.loadFontFace(Object object)

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

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

注意:

  1. 字体文件返回的 contet-type 参考 font,格式不正确时会解析失败。

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

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

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

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

wx.loadFontFace({
  family: 'Bitstream Vera Serif Bold',
  source: 'url("https://sungd.github.io/Pacifico.ttf")',
  success: console.log
})
回到顶部