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

Question

当我离线测试我的网站 (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。

Answer 1

首先，对我有用的哑剧类型如下：

<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 以指向正确的字体文件路径。

还要在天蓝色上检查这个捆绑包问题，它也对我有帮助。