在 Azure 上部署网站时未加载字体答案

【问题标题】：Fonts not loaded when deploying website on Azure在 Azure 上部署网站时未加载字体
【发布时间】：2015-08-31 02:46:17
【问题描述】：

当我离线测试我的网站 (ASP.NET) 时，我的字体已正确加载。当我在 Azure 上部署我的网站时，我在浏览器中收到此字体错误消息。

加载资源失败：服务器响应状态为 404（未找到）

我已经将这些行放在了我的 Web.config 文件中：

<system.webServer>
<staticContent>
  <remove fileExtension=".woff" />
  <remove fileExtension=".woff2" />
  <remove fileExtension=".ttf" />
  <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
  <mimeMap fileExtension=".woff2" mimeType="application/x-woff2" />
  <mimeMap fileExtension=".ttf" mimeType="application/x-ttf" />
</staticContent>

我正在使用 CSS 框架 materializecss。

【问题讨论】：

你是否在打包你的css资源？
是的，我的 css 被捆绑了。我刚刚用链接标签替换了捆绑包，字体在 Azure 上正确加载。谢谢。
看看这个帖子：stackoverflow.com/questions/19664287/…。看看你面临的问题是否仅仅是因为这个。 HTH。
我已经尝试了该链接的答案，但没有成功。现在将有一个不在捆绑包中的 css 文件，这还不错。

标签： asp.net azure fonts

【解决方案1】：

首先对我有用的 mime 类型如下：

<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woffs" />
<mimeMap fileExtension=".ttf" mimeType="application/x-font-ttf" />

然后确保使用正确的路径，您可能需要编辑 css 文件中的 URL 以指向正确的字体文件路径。

同时查看bundle issue on azure，它对我也有帮助。

【讨论】：

开发人员忙于将 asp.net 应用程序部署到 azure 也应该注意this answer，以防他们仍然遇到一些错误。可能希望将其更新为包容性（并标记为正确！）。