CSS 引入远程字体文件android不生效？
发布于 6 年前 作者 kcai 8187 次浏览 来自 官方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
})
回到顶部