页面加载后加载 Cufón 字体答案

【问题标题】：Cufón font loading after page loads页面加载后加载 Cufón 字体
【发布时间】：2013-07-28 23:16:44
【问题描述】：

我正在建立一个网站，在这里：http://ericbrockmanwebsites.com/dev2/

我使用 Cufón 是因为当用户使用 Microsoft 系统或 Chrome 时，客户端想要的字体看起来不太好。 SEO 并不重要，因为它在大多数情况下并不真正向公众开放。

问题是页面以默认字体加载，然后 cufón 脚本在大约一秒钟后启动 - 每次加载新页面时。只是最后看起来很邋遢。

有没有人可以解决这个问题？

非常感谢任何帮助！干杯，

【问题讨论】：

【解决方案1】：

我发现这个答案很有效，因为您使用的是 jQuery：Cufon delay in Internet Explorer

您实际上隐藏了文本，直到它正确呈现。

【讨论】：

【解决方案2】：

在加载内容之前隐藏所有内容怎么样？即...

在 CSS 中，隐藏正文

body { display:none; }

然后在 jQuery 中，当一切都加载完毕并且窗口准备就绪时

jQuery(window).ready(function() {
  jQuery('body').css({
    'display':'block'
  });
});

如果网站需要一些时间来加载，您可能需要考虑使用预加载器。

【讨论】：