Bootstrap woff2字体未正确加载

Question

  

Bootstrap字体未正确加载   glyphicons-半身-regular.woff2。

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

任何正确加载它的解决方案，以便它不会在控制台中显示错误？

Answer 1

由于您在帖子上添加了asp.net-mvc标记，我将为您提供IIS配置解决方案。

如果您的网络服务器未配置MIME类型，则Chrome不会消耗woff并引发404错误＃w;＆＃39;或者＆＃39; woff2＆＃39;。

您需要为woff2添加一个MIME-TYPE。 您可以在web.xml中配置它。

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

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

1. 打开IIS管理器
2. 功能视图 - ＆gt; MIME类型
3. 操作 - ＆gt;添加
4. 您将看到添加MIME类型框并将woff2扩展名放在文件扩展名＆＃34; .woff2＆＃34;
5. 和MIME类型为＆＃34; application / font-woff2＆＃34;同样。

通过图片进行IIS管理器工作。

Answer 2

一个小黑客 1）搜索glyphicons-halflings-regular.woff 2）将glyphicons-halflings-regular.woff复制为glyphicons-halflings-regular.woff2 3）把它放在必需的文件夹中。 它适用于我的情况。