动态加载网络字体 wx.loadFontFace 是不是不支持中文字体?
发布于 4 年前 作者 wtan 7869 次浏览 来自 问答
  • 当前 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

回到顶部