Bootstrap woff2字体未正确加载

Question

Bootstrap字体无法正确加载glyphicons-halflings-regular.woff2.

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

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

Answer 1

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

当您的Web服务器未配置MIME类型"woff"或"woff2"时,Chrome不会消耗woff并引发404错误.

您需要为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. 功能视图 - > MIME类型
3. 操作 - >添加
4. 您将看到添加MIME类型框并将woff2扩展名放在文件扩展名".woff2"中
5. 和MIME类型也是"application/font-woff2".

IIS管理器通过图像进行工作.