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

Posted 2023-03-05

【中文标题】如何解决 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

【发布时间】：2018-03-12 12:54:12

【问题描述】：

所以我有一个项目，我想改变 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 主题时出现。如何摆脱这个问题？

【参考方案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 文件。

【讨论】：

工作就像一个魅力。谢谢！

完美！谢谢！

顺利！我们遇到这个错误快一年了，没有人做任何事情，今天我终于想修复它，你为我修复了

当前标准的mime类型为application/font-woff和font/woff2，见w3.org/TR/WOFF/#appendix-b和w3.org/TR/WOFF2/#IMT

这完全破坏了我的解决方案。

【参考方案2】：

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

打开 IIS，点击您的站点。

在中间部分的 IIS 分组下，双击 MIME Types

编辑或添加 woff 和/或 woff2 扩展： .woff -> 应用程序/x-font-woff .woff2 -> 应用程序/font-woff2

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

【讨论】：

我很困惑为什么我被否决了。谁能至少解释一下原因？

它不应该被否决。这也是一个潜在的解决方案。

【参考方案3】：

我遇到了同样的问题。

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

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

【参考方案4】：

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

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

【参考方案5】：

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