收藏
回答

关于 android机 loadfontface加载字体失败

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug Android Android 5.0 小米 7.0.2


如题,使用loadfontface加载外部字体,ios机器上能正常加载,然而Android设备无法加载成功。这个BUG是已经修复了吗?


回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-01-24

    报错信息是什么呢?文件包比较大吗?

    2019-01-24
    赞同
    回复 1
    • (-^〇^-)
      (-^〇^-)
      2019-01-24

      您好,请问那个同源指 的是和谁同源 ?小程序吗?字体该放在那里


      2019-01-24
      回复
  • 彭扬
    彭扬
    2019-02-20

    字体链接必须是同源下的,或者开启 cors 支持,但是小程序的域名是 servicewechat.com,我们开发的时候肯定不能往这个域名下放字体文件的,只能放到自己的域名下,然后开启cors支持

    2019-02-20
    赞同
    回复 1
    • 老树昏鸦
      老树昏鸦
      2019-02-20

      应该就是这个cors支持的问题,用别人家的字体链接是可以的。

      我们的后台搞不定cors,不会弄

      2019-02-20
      回复
  • 老树昏鸦
    老树昏鸦
    2019-01-24


    报的这个信息。字库已经裁剪过了,大概1.5M左右。

    ios上是没问题的。Android设备有问题

    2019-01-24
    赞同
    回复 3
    • 社区技术运营专员-小柿子
      社区技术运营专员-小柿子
      2019-01-24

      麻烦提供下相关的代码片段:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2019-01-24
      回复
    • 老树昏鸦
      老树昏鸦
      2019-01-24回复社区技术运营专员-小柿子

      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;
      }


      2019-01-24
      回复
    • 燚
      2019-01-25回复老树昏鸦


      这个字体链接没有开启cors支持

      2019-01-25
      回复
登录 后发表内容