HTML / CSS:最初在IE上加载网站时出现TTF问题,但自修复以来,看到了这些错误

时间:2019-05-14 22:44:58

标签: javascript html css internet-explorer font-face

我的网站上安装了这样的字体:

    @font-face {
      font-family: 'Avenir-Book';
      font-style: normal;
      font-weight: 400;
      src:  url('/fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
            url('/fonts/Avenir-Book.ttf') format('truetype');
     }

但是,当我尝试从Internet Explorer运行它时,该站点将无法打开,并且这些错误消息会出现在控制台中:

CSS3111: @font-face encountered unknown error.
Avenir-Book.eot
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable.
Avenir-Book.ttf

完全不确定我做错了什么,因为我认为eot文件可以解决IE问题。

1 个答案:

答案 0 :(得分:0)

CSS3114可以通过在web.config的<system.webServer>下添加以下修复程序来解决:

<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
</staticContent>

CSS3111可能是由Windows 10称为受信任的字体阻止的功能引起的。您可以使用组策略或注册表编辑器禁用它。有关更多信息和详细步骤,请检查this article