如何使用Google Webfont API保持网页不闪烁？

Question

在我的网络应用程序（http://status.net/）上，对于我们的新默认主题，我们使用的是Google Webfonts API（http://code.google.com/apis/webfonts/）。该系列中有一些非常好的字体，它肯定会让我们的软件更好看。

但是，当页面加载时，我们会看到闪烁或闪烁。在Webkit浏览器中，使用字体的区域为空白，直到加载字体文件。在Firefox中，整个事情似乎都会重复几次。

我们应该在Webfont API中注意哪些事项？注意我们的后备字体？这是正常的吗？

Answer 1

Evan，Olivier撰写了一篇文章testing different services for fonts。在Opera中，我没有注意到任何事情。我想知道你是否在谈论FOUC（Flash Of Unstyled Content）。虽然我没有看到导入。字体来自哪里？ CSS还是JS？

Answer 2

是的，您可以使用Webfont loader。给出的示例是重现Firefox在所有浏览器上的行为，我认为这是不幸的（而不是您正在寻找的），但您可以修改它以便在加载字体之前隐藏文本：

.wf-loading p {
    visibility:hidden;
}

PS：期待看到StatusNet的新主题，当前的主题肯定值得一些可用性和设计改进;）