评论

Failed to load font

开发工具字体加载

开发工具字体加载失败问题(官方表示可以忽略),实际原因是由于字体格式识别失败导致。

测试代码如下:

@font-face {
  font-family: 'WebFontName';
  src: url("https://xxx.com/WebFontName.ttf");
}

// 添加 format('truetype') 仍旧报错
@font-face {
  font-family: 'WebFontName';
  src: url("https://xxx.com/WebFontName.ttf") format('truetype');
}

// 添加 format('ttf') 成功
@font-face {
  font-family: 'WebFontName';
  src: url("https://xxx.com/WebFontName.ttf") format('ttf');
}
最后一次编辑于  2023-11-17  
点赞 1
收藏
评论

2 个评论

  • TNT
    TNT
    2023-11-22

    2023-11-22
    赞同
    回复
  • TNT
    TNT
    2023-11-20

    出现woff2 报错怎么办。format('woff2');

    首次会渲染层错误,刷新正常。

    2023-11-20
    赞同
    回复 3
    • 0
      0
      2023-11-21
      检查一下字体包地址,是否配置对应文件类型的跨域
      2023-11-21
      回复
    • TNT
      TNT
      2023-11-21回复0
      2023-11-21
      回复
    • 0
      0
      2023-11-22
      可以在app.js里用 wx.loadFontFace 试试
      2023-11-22
      1
      回复
登录 后发表内容