0

我在 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。

谢谢

4

1 回答 1

0

IE 不支持woff2。这就是为什么您需要提供woff.

事实上，woff这是标准，它就是你所需要的。
您之所以加载woff2，是因为它在支持它的浏览器中以更少的带宽提供了更好的功能。
旧版本的 IE 曾经需要eot，但现在已弃用。

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

于 2017-11-15T17:29:28.303 回答