动态加载网络字体 wx.loadFontFace 是不是不支持中文字体？
发布于 5 年前 作者 wtan 7938 次浏览 来自 问答
  • 当前 Bug 的表现（可附上截图）

动态加载网络字体 wx.loadFontFace 是不是不支持中文字体？

英文字体加载可以，中文显示加载失败，是不是不支持中文字体？

if (res.data.footer.font.cn) {//中文字体
            var source = 'url("' + res.data.footer.font.cn + '")';
            console.log('加载中文字体：', source)
          
            wx.loadFontFace({
              family: 'font-cn',
              source: source,
              success(res) {
                console.log('加载中文字体成功：',res.status)
              },
              fail: function (res) {
                console.log('加载中文字体失败：',res.status)
              },
              complete: function (res) {
                console.log('加载中文字体中：',res.status)
              }
            });
          }
 
          if (res.data.footer.font.en) {//英文字体
            var source = 'url("' + res.data.footer.font.en + '")';
            console.log('加载英文字体：', source)
            wx.loadFontFace({
              family: 'font-en',
              source: source,
              success(res) {
                console.log('加载英文字体成功：', res.status)
              },
              fail: function (res) {
                console.log('加载英文字体失败：', res.status)
              },
              complete: function (res) {
                console.log('加载英文字体中：', res.status)
              }
            });
          }
  • 预期表现

可动态加载中文字体

  • 复现路径
  • 提供一个最简复现 Demo
1 回复

是所有的中文字体加载都失败吗？麻烦提供一下代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

回到顶部