"woff", "woff2" 适用于 localhost 但不适用于 Web 服务器并给出控制台错误答案

【问题标题】："woff", "woff2" works on localhost but not on web servers and giving console errors"woff", "woff2" 适用于 localhost 但不适用于 Web 服务器并给出控制台错误
【发布时间】：2017-03-03 05:32:56
【问题描述】：

我在 ASP.NET MVC 环境中使用 font-awesome，以及大多数带有“woff”、“woff2”扩展的字体系列。他们在本地主机上工作得非常好。

但是当涉及到部署环境时，大多数时候我们无法像本地主机一样获得实际的字体系列样式。

我们可以做些什么来避免这个问题？

【问题讨论】：

标签： .net model-view-controller fonts configuration font-family

【解决方案1】：

只需定义字体文件扩展名，将此代码添加到 web.config 文件中

<system.webServer>
  <staticContent>
     <mimeMap fileExtension="woff" mimeType="application/font-woff" />
     <mimeMap fileExtension="woff2" mimeType="application/font-woff" />
  </staticContent>
</system.webServer>

【讨论】：

【解决方案2】：

您应该在部署服务器上注册字体的 MIME 类型，使用 web.config 这样做：

<system.webServer>
    <staticContent>
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    </staticContent>
</system.webServer>

注意：为了确定，我添加了一个删除标签，因为如果注册了类型，它会抛出一个错误。此外，如果您使用的是 MVC，请检查您的资源包，因为部署发布应用程序会混淆资源的路径。

【讨论】：