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

Question

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

我的印象是，wf-inactive如果 Webfont Loader 无法加载字体但它似乎无限期地挂在wf-loading.

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

将不胜感激任何想法如何解决它？我在 Google 的 Webfont Loader 文档中看不到任何关于超时的内容。

Answer 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 
    }
  })