引导程序woff2字体未正确加载

Question

Bootstrap字体无法正确加载，出现“glyphicons-halflings-regular.woff2”错误。

这会在我的Chrome控制台中显示错误。

有没有解决方法可以正确加载，以便不在控制台中显示错误？

- V.J.

---

你检查过它是否存在于你的字体目录中了吗？ - trees_are_great

是的，它存在于目录中。 - V.J.

Answer 1

既然您在帖子中加了asp.net-mvc标签，我就为您提供IIS配置解决方案。

当您的Web服务器未配置'woff'或'woff2' MIME类型时，Chrome无法使用woff并抛出404错误。

---

您需要在IIS中添加一个woff2的MIME类型。 您可以在web.xml中进行配置。

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

---

您也可以通过IIS管理器完成此操作。

1. 打开IIS管理器
2. 选择“特性视图” -> MIME类型
3. 选择“操作” -> 添加
4. 您将看到添加MIME类型框，并将woff2扩展名放在文件扩展名“.woff2”中
5. 同时将MIME类型设置为“application/font-woff2”。

---

IIS管理器的操作步骤图片演示。

- hina10531

---

@V.J. 请尝试上述设置。 - hina10531

Answer 2

相同的问题通过在Web.config中，在Views文件夹下添加标签来解决IIS中的问题。

- bondus

---

“添加标签”并没有真正回答任何问题。 - Balázs

Answer 3

一个小技巧： 1）搜索glyphicons-halflings-regular.woff 2）将glyphicons-halflings-regular.woff复制为glyphicons-halflings-regular.woff2 3）将其放入所需文件夹。 在我的情况下，这起作用了。

- sumit sharma