我的网站上安装了这样的字体:
@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问题。
答案 0 :(得分:0)
CSS3114可以通过在web.config的<system.webServer>
下添加以下修复程序来解决:
<staticContent>
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
</staticContent>
CSS3111可能是由Windows 10称为受信任的字体阻止的功能引起的。您可以使用组策略或注册表编辑器禁用它。有关更多信息和详细步骤,请检查this article。