Bootstrap woff2 字体未正确加载

Question

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

它显示了我的 Chrome-console 中的错误。

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

Answer 1

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

Chrome 不使用 woff 并在您的 Web 服务器未配置 MIME 类型 'woff' 或 'woff2'.

时抛出 404 错误

您需要为 woff2 添加 IIS MIME-TYPE。可以在web.xml.

中配置

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

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

打开 IIS 管理器
功能视图 -> MIME 类型
操作 -> 添加
您将看到添加 MIME 类型框并在文件扩展名“.woff2”中添加 woff2 扩展名
MIME 类型也是 "application/font-woff2"。

IIS 管理器通过图像完成。

Answer 2

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

Answer 3

一个小技巧 1) 搜索 glyphicons-halflings-regular.woff 2) 复制 glyphicons-halflings-regular.woff 为 glyphicons-halflings-regular.woff2 3) 把这是必需的文件夹。它适用于我的情况。

Bootstrap woff2 字体未正确加载

Bootstrap woff2 font not getting loaded correctly

javascript

css

asp.net-mvc

twitter-bootstrap-3

woff2