javascript - Bootstrap woff2 字体未正确加载

Question

Bootstrap font not loading correctly glyphicons-halflings-regular.woff2.

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

是否有任何解决方案可以正确加载它，使其不会在控制台中显示错误？

Answer 1

既然你在你的帖子上放了一个asp.net-mvc标签，我就给你IIS配置方案给你。

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

---

您需要为 woff2 添加 IIS MIME-TYPE。 您可以在 web.xml 中进行配置。

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

---

您也可以通过 IIS 管理器执行此操作。

1. 打开 IIS 管理器
2. 功能 View -> MIME 类型
3. 操作 -> 添加
4. 您将看到添加 MIME 类型框并将 woff2 扩展名放在文件扩展名“.woff2”中
5. MIME 类型也为“application/font-woff2”。

---

IIS 管理器通过图像完成。