如何在ASP.Net MVC 5中解决glyphicons-halflings-regular.woff2 Err_Aborted问题

Question

所以我有一个项目，我想改变BootStrap的主题。所以，我从BootSwatch获取主题，选择的主题是Lumen。现在在我的Bundle.Config文件中，我进行了以下更改。

  bundles.Add(new StyleBundle("~/Content/css").Include(
                      //"~/Content/bootstrap.css",
                      "~/Content/bootstrap-lumen.css",
                      "~/Content/superslides.css",
                      "~/Content/site.css"));
        }

现在，当我开始使用Lumen主题时，我得到错误（在开发工具中），如下所示：

P.S：当我使用普通的BootStrap 主题时，不会。我调查了SO Answer。但它讨论了如何进行IIS更改。但是当我使用 LUMEN 主题时，我的问题才会出现。如何摆脱这个问题？

Answer 1

我已从here下载了丢失的文件，并将其添加到我项目的fonts文件夹中。

然后在我项目的<system.webServer>文件的web.config部分中添加了这些行：

<staticContent>
  <remove fileExtension=".woff" />
  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  <remove fileExtension=".woff2" />
  <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>

在您的情况下，请下载glyphicons-halflings-regular.woff2文件。

Answer 2

作为 Reyan Chougle的答案的替代方案，这也可以通过IIS修复：

1. 打开IIS，点击您的网站。



1. 在中间部分，在分组 IIS 下，双击 MIME类型



1. 修改或添加 woff 和/或 woff2 扩展程序：
   • .woff - ＆gt;应用程序/ x-字体WOFF
   • .woff2 - ＆gt;应用/字体woff2



注意：在Chrome网络浏览器中的IIS 8.5上进行了测试

Answer 3

我面临着同样的问题。

在第一次尝试中，我直接在IIS服务器上添加了MIME类型（font-woff2），它可以正常工作。但是，在部署（CI / CD）后，MIME类型会自动删除。

在第二次尝试中，我在web.config中添加了staticContent标记，它像一个永久修复程序一样工作。

Answer 4

我在 WordPress 方面遇到了类似的问题。我在目录的根目录下有一个文件夹，其中包含字体路径，出于某种原因，我得到了 net :: ERR_ABORTED 和 404（未找到）。所以我所做的就是将这些字体移动到wp-content/plugins，其中定义了其他字体，例如FontAwesome ......它可以工作！

Answer 5

尝试通过CDN添加丢失的文件：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">