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。

附錄

可以在要點上找到此腳本的一些修訂。