twitter-bootstrap - Woff 文件 mime 类型和 Azure

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

一切都 100% 正常工作，除了文件“\Fonts\glyphicons-halflings-regular.woff”在使用 Chrome 时抛出 404 错误(使用 F12 时的网络选项卡)。

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

enter image description here

我用谷歌搜索了一下，发现这是一个 mime 类型问题和 Azure。我发现一个链接说修复方法是将其添加到 web.config 中。

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

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

enter image description here

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

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

enter image description here

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

最佳答案

也许试试这个......有两件事值得注意

1) 删除行

2) x-font-woff 与 font-woff

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

关于twitter-bootstrap - Woff 文件 mime 类型和 Azure，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24966134/

相关文章：

css - 在带有 bootstrap3 的灯箱中使用 youtube 视频