如何使用CSS将woff2字体加载到IE中？

Question

我在IE10模式下有IE11，我想加载一个css文件。我有这个

@font-face {
    font-family: celestesansbold;
    src: url('celestesanscomp-bold-webfont.woff2');
}

然后在控制台中我看到了这个

CSS3111: @font-face encountered unknown error.
celestesanscomp-bold-webfont.woff2

在网络标签中，我看到了

Name    Protocol    Method  Result  Content type    Received    Time    Initiator
.../celestesanscomp-bold-webfont.woff2  HTTP    GET 200 font/woff2  (from cache)    0 s 

如果页面上没有正确加载，则文本不会更改。

有谁知道错误是什么？

然而，常规的woff文件有效，但这是woff2。

由于

Answer 1

IE不支持woff2。这就是您需要提供woff的原因。

事实上，woff是标准，而且只需要它 您只需加载woff2，因为它可以为支持它的浏览器提供更好的功能，以减少带宽 旧的IE版本过去需要eot，但现在已弃用。

但是，提供多个字体类型文件并不意味着浏览器会加载所有字体。当它找到一个成功激活它时，它会停止加载它们。这意味着他们的订单非常重要。你想先把更现代/更有效的，最后的（后备）放在最后。 它应该是：woff2，woff，eot，svg，ttf/otf。