Woff 文件 mime 类型和 Azure答案

【问题标题】：Woff file mime type and AzureWoff 文件 mime 类型和 Azure
【发布时间】：2014-09-17 22:08:11
【问题描述】：

我正在尝试将 ASP.Net MVC4 TwitterBootstrap 应用程序部署到我在 Azure 的新主机。

除了文件“\Fonts\glyphicons-halflings-regular.woff”在使用 Chrome 时抛出 404 错误（使用 F12 时的网络选项卡）之外，一切都在 100% 运行。

我检查了我的解决方案，文件在那里：

我搜索了一下，发现这是一个 mime 类型问题和 Azure。我找到了一个链接，上面说解决方法是将其添加到 web.config。

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

我这样做了，但 404 不再显示。但是，我的页面需要额外的 1.56 毫秒来加载，因为它似乎每次加载页面时都会下载该 woff 文件 - 所有其他静态内容似乎在每次加载时都缓存在服务器上。

那是加载主页 - 并且是唯一被加载的文件。其余的似乎已缓存？

加载另一个页面，其中加载了其他项目，表明这是缓存似乎不感兴趣的文件：

有没有办法缓存这个文件？我认为可能需要将 mime 类型添加到他们的服务器的某个地方？我对缓存和 mime 以及 Azure 有点陌生。希望有一个解决方案，因为这个文件几乎使我在 Azure 上所有页面上的页面加载时间增加了一倍。我的其他廉价主机没有这个问题。

【问题讨论】：

Chrome 是否在开发工具中启用了“禁用缓存”设置？
@trailmax 不 - 你可以在截图中看到

标签： twitter-bootstrap asp.net-mvc-4 caching azure woff

【解决方案1】：

也许试试这个...注意两件事

1) 删除线

2) x-font-woff 与 font-woff

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

发现于 http://ideasof.andersaberg.com/development/quick-fix-iis-woff-font-file-404-not-found-in-aspnet-mvc/

【讨论】：

【解决方案2】：

扩展 Craig 对包含 WOFF2 文件的最新引导程序的回答。也可以添加

<system.webServer>
    <staticContent>

        <remove fileExtension=".woff2" />
        <mimeMap fileExtension=".woff2" mimeType="font/woff2" />

    </staticContent>
</system.webServer>

（有关 WOFF2 文件当前 mime 类型的讨论，请参阅 Proper MIME type for .woff2 fonts）

【讨论】：