Twitter bootstrap Woff文件mime类型和Azure

Twitter bootstrap Woff文件mime类型和Azure,twitter-bootstrap,asp.net-mvc-4,caching,azure,woff,Twitter Bootstrap,Asp.net Mvc 4,Caching,Azure,Woff,我正在尝试将ASP.NETMVC4TwitterBootstrap应用程序部署到Azure的新主机上 除了文件“\Fonts\glyphicons halflings regular.woff”在使用Chrome时抛出404错误(使用F12时的“网络”选项卡),所有操作都能100%正常工作 我检查了我的解决方案,文件在那里: 我在谷歌上搜索了一下,发现这是一个mime类型的问题。我找到一个链接,上面说修复程序是将其添加到web.config <staticContent> &l

我正在尝试将ASP.NETMVC4TwitterBootstrap应用程序部署到Azure的新主机上

除了文件“\Fonts\glyphicons halflings regular.woff”在使用Chrome时抛出404错误(使用F12时的“网络”选项卡),所有操作都能100%正常工作

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

我在谷歌上搜索了一下,发现这是一个mime类型的问题。我找到一个链接,上面说修复程序是将其添加到web.config

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

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

这是加载主页-并且是唯一被加载的文件。其余的似乎都被缓存了

加载另一个页面(其中加载了其他项)表明缓存似乎对该文件不感兴趣:


有没有办法缓存这个文件?我想可能需要在服务器的某个地方添加一个mime类型?我对缓存、mime和Azure有点陌生。希望有一个解决方案,因为这个文件几乎是我在Azure上所有页面上的页面加载时间的两倍。我的另一个廉价主机没有这个问题。

也许试试这个。。。2件值得注意的事情

1) 删除行

2) x-font-woff vs font woff


发现于

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

<system.webServer>
    <staticContent>

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

    </staticContent>
</system.webServer>


(有关WOFF2文件当前mime类型的讨论,请参阅)

Chrome是否在开发工具中启用了“禁用缓存”设置?@trailmax否-您可以在屏幕截图中看到这一点