Google/Typekit Webfont-Loader 不检测非 ASCII 字体

Question

我正在使用 Google 网页字体加载程序，但我无法获取fontactive 回调起作用。字体正在页面上呈现，但由于某种原因回调未触发。 （相反，它会等待 5 秒，然后触发 fontinactive 回调。）我怀疑问题在于我如何向函数声明这两个变量。

编辑：问题可能与字体有关，而不是与我声明变量的方式有关。字体加载器成功检测到何时加载包含常规字母字符的“STIXGeneral”字体系列。

fontactive 回调的文档位于此处。我尚未找到任何使用 fontactive 回调的示例。

我在下面发布了我的代码副本。

来自 Javascript：

WebFont.load({
    custom: {
        families: [ 'STIXSizeOneSym' ],
        urls: ['resources/stix-fonts/STIX-fonts.css']
    },
    fontactive: function(stixsizeonesym, n4) { alert("1") },
    fontinactive: function(stixsizeonesym, n4) { alert("2") },
    inactive: function() { alert("10") }
});

来自 STIX-fonts.css：

@font-face {
    font-family: 'STIXSizeOneSym';
    src: url('STIXSizOneSymBol-webfont.eot');
    src: url('STIXSizOneSymBol-webfont.eot?#iefix') format('embedded-opentype'),
          url('STIXSizOneSymBol.otf') format('opentype'),
          url('STIXSizOneSymBol-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    }

Answer 1

我是 webfontloader 的开发人员之一。我们当前使用 ASCII 字符串来检测字体是否已加载。因此，如果您的字体不包含字符“BESbswy”，则 webfontloader 将无法检测到它。我们正在努力添加对可配置测试字符串的支持（这样您就可以包含字体支持的 Unicode 范围中的一些字符。）我已经在 webfontloader 存储库上为此提出了一个问题 (https://github.com/typekit/webfontloader/issues/104）。

作为临时解决方案，您可以编译自己版本的 webfontloader，将字体中的字符添加到测试字符串中。如果您需要帮助，请告诉我。

Answer 2

我尝试在从 Google 抢先体验下载的中文字体“cwTeXHei”上使用该加载程序。

我花了一个下午，终于使用以下代码使fontactive正常工作：

WebFontConfig = {
  custom: {
    families: ['ChineseCustomFont'],
    testStrings: {
      'ChineseCustomFont': '\uE003\uE005'
    },
  },
  timeout: 8000
};
(function() {
  var wf = document.createElement('script');
  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1.5.3/webfont.js';
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
})();

注意事项

1. 使用webfont loader > 1.5.0支持“testStrings”
2. 使用'\uE003\uE005'作为“testStrings” ”，我尝试了 '\u9ED1' 但不起作用，我还没有弄清楚为什么要
3. 更改超时，因为中文字体文件很大，默认为 5000

希望它也能帮助别人！

Answer 3

遇到同样的问题，目前还没有找到解决办法。它只影响少数字体，即 Bree 或 Playfair。我怀疑这与 webkit 逐步下载字体有关。似乎“fontinactive”立即被解雇。我最终得到了一些复杂的 Javascript 东西，以一定间隔检查隐藏容器的尺寸：/