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

Question

所以我有一个项目，我想更改 BootStrap 的主题。所以，我从 BootSwatch and the theme is selected is 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 主题时，不会发生这种情况。我调查了。但它谈到了对 IIS 进行更改等等。但是我的问题只在我使用LUMEN主题时出现。如何摆脱这个问题？

Answer 1

我已经从 here 下载丢失的文件并将它们添加到我的项目的 fonts 文件夹中。

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

<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

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

Answer 3

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

打开 IIS，单击您的站点。

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

编辑或添加 woff and/or woff2 扩展名：
- .woff -> application/x-font-woff
- .woff2 -> application/font-woff2

注意：已在 Chrome 网络浏览器

的 IIS 8.5 上测试

Answer 4

我遇到了同样的问题。

在第一次尝试中，我直接在 IIS 服务器上添加了 MIME 类型 (font-woff2)，它成功了。但是在部署后 (CI/CD) MIME 类型自动被删除。

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

Answer 5

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

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

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

How to solve glyphicons-halflings-regular.woff2 Err_Aborted issue in ASP.Net MVC 5

html

css

asp.net-mvc

twitter-bootstrap

bootswatch