Bootstrap woff2 字体未正确加载答案

【问题标题】：Bootstrap woff2 font not getting loaded correctlyBootstrap woff2 字体未正确加载
【发布时间】：2015-07-02 18:26:21
【问题描述】：

引导字体未正确加载 glyphicons-halflings-regular.woff2.

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

有什么解决方案可以让它正确加载，这样它就不会在控制台中显示错误？

【问题讨论】：

标签： javascript asp.net-mvc css twitter-bootstrap-3 woff2

【解决方案1】：

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

当您的网络服务器未配置 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 管理器来执行此操作。

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

IIS 管理器通过图像解决问题。

【讨论】：

@V.J.试试上面的设置。

【解决方案2】：

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

【讨论】：

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

【解决方案3】：

一个小技巧 1) 搜索 glyphicons-halflings-regular.woff 2) 将 glyphicons-halflings-regular.woff 复制为 glyphicons-halflings-regular.woff2 3）把这个是必需的文件夹。它在我的情况下有效。

【讨论】：