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

在我的Web应用程序（http://status.net/）上，对于我们新的默认主题，我们使用Google Webfonts API（http://code.google.com/apis/webfonts/）。该集合中有一些非常漂亮的字体，它肯定给我们的软件带来了更好的外观。如何使用Google Webfont API保持网页闪烁？

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

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

来源

2011-03-17 Evan P.

嗨埃文，这是否回答你的问题？谢谢！ – 2011-03-29 15:51:19

埃文，奥利维尔写了一篇文章testing different services for fonts。在Opera中，我没有注意到任何东西。我想知道你是否在谈论FOUC（无形Flash内容）。虽然我没有看到进口。字体来自哪里？ CSS或JS？

来源

2011-03-17 21:30:21 karlcow

我们使用Google Webfont CSS API。我们在Firefox上看到FOUC，在Chrome浏览器上没有内容（但布局或多或少），然后是字符。有用的链接到不同的服务！ – 2011-03-27 14:55:54

是的，你可以，使用Webfont loader。给出的例子是为了重现所有的浏览器，我认为这是Firefox的行为，不幸的（而不是你要找的内容），但你可以修改为例如隐藏之前的文本字体的加载：

.wf-loading p { 
    visibility:hidden; 
}

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

来源

2011-03-28 16:11:51

当然，如果您使用Google Webfonts（而不仅仅是标题）对所有文本进行样式设置，则可能会出现问题。你尝试过其他提供者吗？ – 2011-03-29 15:51:42

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

回答

相关问题