MVC发布到IIS后无法找到字体文件

Question

Franework 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>元素之前。