Css 使用webfont.js加载自定义字体

我正在做一个项目，我试图使用5种自定义字体

我使用webfont.js库，这样我就可以按照我想要的方式来计时我的初始化

然而，我注意到我有一个间歇性的问题，webfont.js在75%的时间里无法加载所有5种字体。如果我忽略错误（非活动处理程序）并继续加载我的站点，我可以看到所有自定义字体

这很烦人，因为WebFunt.js花了大约4秒的时间来增加非活动事件，所以用户在看到这种情况时只看到空白页。

如何修复（或至少调试）此问题

这是我的设置（util.js）：

然后是Web字体加载器库-1.5.1

然后在我的主要脚本中：

$(document).ready(function () {
    mutexFontsLoaded.add(function()
    {
        application.init();
    });
});

---

从google的CDN调试webfont.js库让我看到了这个问题

Webfont.js将带有测试字符串的

注入

DOM元素。然后，它在此跨度上设置自定义字体，并重复计算

的宽度，以测试是否有任何更改。如果捕获到更改，则假定已加载自定义字体。如果在超时时间内未检测到任何更改，则表示失败

在我的例子中，

元素被

显示隐藏：无

从未改变其计算宽度

---

终于修好了

您是如何调试webfont.js的？我找不到未缩小的版本。

$(document).ready(function () {
    mutexFontsLoaded.add(function()
    {
        application.init();
    });
});