@ font-face无法通过OpenType嵌入权限检查。权限必须是可安装的

Question

This exception occurs in here.您可以在IE11中重现它。到目前为止，我还没有找到问题的原因。有没有想过为什么会这样做？

  

CSS3114：@ font-face无法通过OpenType嵌入权限检查。   权限必须是可安装的。文件：   53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf

该网站在Azure网站平台上运行，并使用ASP.NET MVC 5.

Answer 1

通过添加

修复

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

下

 <system.webServer>

web.config中的

。

编辑：

为防止后续版本出现任何问题，我建议您这样做：

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

Answer 2

sibaspage回答指出了我正确的方向。但我仍然在IE11中看到错误消息。对我来说，它使用以下语法：

 this.router.navigate(['/employee']);
                this.showSuccess()
                console.log("Success", 'You are on right track.');

Answer 3

对于文档或将来的访问者：就我而言，我正在尝试使用 IE11 和 .otf 字体解决此问题，如果您是这种情况，请阅读此Can I use case 。基本上说的是 IE11不支持某些.ttf和.otf 字体。

我发现最好的解决方案是将.otf字体转换为.woff ，并在Jakub Holovsky的响应上添加代码，但有一点改动。

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

Answer 4

我遇到了同样的问题，发现了这篇文章：https://creativemarket.com/blog/the-missing-guide-to-font-formats。 您可以将相关字体添加到字体中。

Answer 5

@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/Gotham-Medium.eot');
    src: local('☺'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

注意 src：local（＆＃39;☺＆＃39;），

Answer 6

IE不支持.ttf只使用.eot字体文件

@font-face {
  font-family: 'Font-Name';
  src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/Font-Name.ttf')  format('truetype');

}