如何验证谷歌网页字体是否有效？

Question

我已经修改了其他人的代码谁试图加载三谷歌字体。

他们有3个css文件。每个css文件都使用了谷歌网页字体中的一个css字体。在chrome开发工具中，我只看到一种字体有效，而其他2种则不起作用。

这是因为只有一个可以应用，所以铬试图下载一个。当他们在下拉列表的选择更改上更改字体时，它无法工作，因为字体甚至没有加载在铬中。

因为我想在他们更改下拉列表时加载字体，所以我编写了以下代码：

<div id="hiddenFontLoader"></div>

CSS:

#hiddenFontLoader {
    font-family: 'Quicksand', 'Cantarell';
    display: none;
}

这段代码帮助我加载其他2种字体，这些字体在任何地方都没有使用，当下拉列表发生更改时，这些字体将被使用。

现在我想证明它是有效的。对我来说，我只需设置400%的字体，并可以检查是否有效。

什么是正确的方式测试字体是否加载。我的意思是，如果我使用回退字体，那么我无法检查所有字体是否有很小的差异，回退字体非常类似于我从Google字体加载的字体。

假设我应用到了body{}，那么如何确认它在chrome工具或firebug中的工作。

任何人都有诡计。

Answer 1

您应该考虑使用谷歌WebFont装载机。这些文件非常详尽。具体来说，请查看Acting on Events。

https://developers.google.com/webfonts/docs/webfont_loader

我相信你看起来像active 事件 (点击这里！)。