MVC 发布到 IIS 后找不到字体文件

Question

框架 ASP.Net MVC 4

这是“在我发布之前一直有效”的另一个实例。

从 Visual Studio 运行我的 MVC 4 站点，一切正常。然而，当我发布 - 字体真棒休息。查看 Chrome 控制台，我看到了这个：

GET http://localhost:4321/Content/themes/crisp/font/zocial.woff?94486700 404 (Not Found)

在我的 CSS 中是这样引用的：

@font-face {
  font-family: 'zocial';
  src: url('/Content/themes/crisp/font/zocial.eot?94486700');
  src: url('/Content/themes/crisp/font/zocial.woff?94486700') format('woff'),
       url('/Content/themes/crisp/font/social.ttf?94486700') format('truetype'),
       url('/Content/themes/crisp/font/zocial.svg?94486700#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

我已经检查过 - 文件在站点目录中：

我做错了什么？

Answer 1

我感觉您需要将 MIME 类型添加到应用程序的 web.config（或全局地在 IIS 管理器中）。

尝试添加：

<system.webServer>
    <staticContent>
        <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
        <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
        <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
        <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
    </staticContent>
</system.webServer>

到您的 web.config。

如果您遇到重复的关键问题，这意味着您的 IIS 实例已经具有其中一些扩展。要允许您控制所有扩展的 MIME 类型，请添加：

<remove fileExtension=".woff" />
<remove fileExtension=".eot" />
<remove fileExtension=".svg" />
<remove fileExtension=".ttf" />

在<mimeMap> 元素之前。