woff2 feature test

配x该项目已存档，存储库不再维护。

WOFF2-FEATURE测试

WOFF2字体格式的简单功能测试。

• 在NPM上作为woff2-feature-test可用

用例

鉴于我们使用loadCSS来异步加载示例表，其中包含所有字体作为数据uris，因此我们需要一种方法来编程确定浏览器中是否支持Woff2格式。

 var fontFile = "/url/to/woff.css";

// Use WOFF2 if supported
if( supportsWoff2 ) {
	fontFile = "/url/to/woff2.css";
}

loadCSS( fontFile );

要求

1. 不得向远程服务器提出HTTP请求，使用远程测试文件的任何内容均已发布。
2. 更喜欢同步方法，而不是同步的方法，我们希望它执行并立即可用。
3. 不仅仅是推理。有人建议，我们可以根据字体加载API的存在来推断，因为它当前与WOFF2的支持匹配。但是，如果浏览器实现字体加载API但不实现WOFF2，会发生什么？这种情况似乎是完全可能的，我们不想要任何误报。

方法

我们使用字体加载API来加载空的WOFF2数据URI，并查看字体集状态是否正在加载。如果尝试加载，则支持该格式。如果没有，则无法识别格式（请参阅具有虚构格式的故意失败测试）。

演示

如果浏览器最终实现了WOFF2格式，但没有实现字体加载API，则该脚本将报告一个误差（比上述误报方案更可取）。

限制

请注意，如果您在font-src上使用限制性内容安全策略标头，则可能会导致此功能测试问题。

您还需要确保您的内容安全策略允许数据URI。

例如，github.com（非github.io）使用Content-Security-Policy:default-src *; font-src assets-cdn.github.com;否认我们的@font-face数据URI。

附录

可以在要点上找到此脚本的一些修订。