如何在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"));
        }

现在,当我开始使用流明主题时,我得到错误(在开发工具中),如下所示:

PS:当我使用普通的BootStrap主题时,这不会发生.我调查了SO答案.但它讨论了如何进行IIS更改.但我的问题只发生在我使用LUMEN主题时.如何摆脱这个问题？

Answer 1

我从这里下载了丢失的文件,并将其添加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,单击您的站点.

2. 在中间部分,在IIS分组下,双击MIME类型

3. 编辑或添加woff和/或woff2扩展:
   • .woff - > application/x-font-woff
   • .woff2 - > application/font-woff2

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