Google Webfont Loader：如果字体服务器（例如 Typekit）关闭，则不会超时答案

【问题标题】：Google Webfont Loader: No timeout if font servers (eg Typekit) are downGoogle Webfont Loader：如果字体服务器（例如 Typekit）关闭，则不会超时
【发布时间】：2012-07-13 04:09:29
【问题描述】：

Typekit 服务器目前在澳大利亚遭遇中断。它还暴露了我的一个网站的问题，该网站使用 Google 的 Webfont Loader 加载 Typekit 字体。

我的印象是，如果 Webfont Loader 无法加载字体但它似乎无限期挂起，最终会出现超时并且字体加载器将进入非活动状态（即wf-inactive） wf-loading.

为了防止 FOUT，我为使用这些网络字体的所有元素设置了 visibility: hidden;。所以问题是所有文本都无限期地隐藏起来。

非常感谢您有任何解决方法的想法吗？我在 Google 的 Webfont Loader 文档中看不到任何关于超时的内容。

【问题讨论】：

标签： webfonts google-webfonts typekit

【解决方案1】：

如果您使用高级设置，您可以通过 typekit 的非活动功能将具有可见性的部分：隐藏 css 设置为可见：

 Typekit.load({
      loading: function() {
         //Javascript to execute when fonts start loading

      },
     active: function() {


    },
    inactive: function() {
      // Javascript to execute when fonts become inactive
      $("#page).css("visibility", "visible") // check the correct script for that 
    }
  })

【讨论】：

在这种情况下，Web 字体加载器似乎从未进入“非活动”状态。它无限期地保持在“加载”状态。所以“非活动”的 JS 事件处理程序也不会被执行......（那是 v1.0.17）