Css @字体面未通过OpenType嵌入权限检查。权限必须是可安装的

你可以在IE11中复制它。到目前为止，我还没有找到问题的原因。你知道这是为什么吗

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

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

通过添加

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

在

在web.config中

编辑：

为了防止后续版本出现任何问题，我建议执行以下操作：

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

---

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');
}

---

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

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

---

注意src:local（'☺'),

另一种解决方案是更改字体可嵌入性属性文件。右键单击并查看详细信息选项卡：

---

如果此属性未出现，您可以使用添加它。它仅适用于

.ttf

字体文件。但我想还有一些其他服务可以更改其他字体文件扩展名。

对于文档或未来的访问者：在我的情况下，我正在用IE11和otf字体试验此问题，如果是您的话r case阅读本文。基本上它说的是，IE11不支持一些.ttf和.otf字体

我找到的最佳解决方案是将.otf字体转换为.woff，并在Jakub Holovsky的响应中添加代码，只需做一点小改动

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

---

我遇到了同样的问题，发现了这篇文章：。

---

你可以将相关字体添加到你的字体中。

我在IE11中也有同样的错误；但是如果我比较IE11和Firefox 31中的外观，字体看起来是相同的。如果我查看开发工具，css属性

字体系列

设置为正确的字体。有人知道呈现的字体是否是来自无法安装的e

*.ttf

文件？换句话说，可能是因为尽管出现了错误

CSS3114

，所需的字体还是被加载和显示了吗？根据@NathanOliver的建议，我发布了一条评论，而不是答案。如果您将来需要转换字体，请在此处查看我的答案：使用chrome插件，如所示字体验证实际使用的字体在应用修复程序之前，如果显示的页面/元素的呈现方式不同，您可以添加信息吗？@Three FouroneSixOneThree如果我记得正确，我没有发现任何更改。什么是等效的NodeJS解决方案？抱歉，我将代码放在web.config中，但它不起作用：（在IIS中，请尝试将mime类型设置为：fileExtension=.woff“mimeType=application/x-font-woff，对于。ttf@jakub这是怎么回事？实际上上面的一个是错误的，你不能设置“src”"多谢！对我来说，嵌入的opentype格式丢失了，添加它就解决了问题。对我来说，.otf-文件是在.eot？#iefix-文件之前加载的。扭转CSS中的加载顺序对我来说是可行的。这个解决方案对我来说，另外我使用这个转换器，因为我的字体是.otf？p是什么如果您可以如此轻松地更改它，那么这种可嵌入性的目的是什么？

@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;
}

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