GoogleWebfont加载器:如果字体服务器(例如Typekit)关闭,则不会超时



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

我的印象是,如果Webfont加载器无法加载字体,但它似乎无限期地挂在wf-loading上,那么最终会出现超时,字体加载器将进入非活动状态(即wf-inactive)。

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

如果有任何解决办法,我将不胜感激?我在Google的Webfont Loader文档中看不到任何关于超时的内容。

如果您正在使用高级设置,您可以通过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 
    }
  })

最新更新