Question

目前在澳大利亚经历停电的Typekit服务器。它暴露了我的网站的问题，该网站使用谷歌的Webfont Loader来加载Typekit字体。

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

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

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

Answer 1

如果您正在使用高级设置，则可以通过typekit的非活动功能将具有visibility：hidden 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 
    }
  })

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

1 个答案: