如何使用 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，但现在已弃用。

但是，提供不止一种字体类型文件并不意味着浏览器会加载所有这些文件。当它发现它成功激活时，它会停止加载它们。这意味着他们的顺序非常重要。您想将更多 modern/efficient 放在第一位，将较大的（后备）放在最后。应该是：woff2、woff、eot、svg、ttf/otf。

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

How to load a woff2 font into IE with CSS?

html

css

fonts

woff

woff2