ASP.NET MVC font-awesome 适用于 localhost 但不适用于 web (IIS)答案

【问题标题】：ASP.NET MVC font-awesome works on localhost but not on the web (IIS)ASP.NET MVC font-awesome 适用于 localhost 但不适用于 web (IIS)
【发布时间】：2022-08-16 10:09:47
【问题描述】：

我在 stackoverflow 上看到了很多解决方案，但它们对我不起作用，这就是我再次写这篇文章的原因。

起初我认为 IIS 没有为文件提供服务，因为我在重新声明之前删除了 MIME 类型声明。

<system.webServer>
    <staticContent>
          <remove fileExtension=\".eot\" />
          <mimeMap fileExtension=\".eot\" mimeType=\"application/vnd.ms-fontobject\" />
          <remove fileExtension=\".ttf\" />
          <mimeMap fileExtension=\".ttf\" mimeType=\"application/octet-stream\" />
          <remove fileExtension=\".svg\" />
          <mimeMap fileExtension=\".svg\" mimeType=\"image/svg+xml\" />
          <remove fileExtension=\".woff\" />
          <mimeMap fileExtension=\".woff\" mimeType=\"application/font-woff\" />
          <remove fileExtension=\".woff2\" />
          <mimeMap fileExtension=\".woff2\" mimeType=\"application/font-woff2\" />
    </staticContent>
</system.webServer>

然后我添加BundleConfig：

bundles.Add(new StyleBundle(\"~/Content/css\").Include(
                \"~/Content/bootstrap.min.css\",
                \"~/Content/body.css\",
                \"~/Content/site.css\",
                \"~/Content/form.css\",
                \"~/Content/bootstrap-datepicker.min.css\"
            ).Include(\"~/Content/font-awesome.css\", new CssRewriteUrlTransform()));

并添加文件 _Layout.cshtml ：

@Styles.Render(\"~/Content/fontawesome\")

从我安装的 NuGet-Paket-Manager 中：

FontAwesome.MVC v1.00
FonAwesome v.4.0.3

然后我在index.cshtml 中尝试了这些示例

<i class=\"fa fa-ban\"></i> ban
<i class=\"fa fa-2x fa-trash-o\" aria-hidden=\"true\"></i> trash
<i class=\"fa fa-2x fa fa-file-text-o\" aria-hidden=\"true\"></i> pdf

它必须在 Edge Chromium 上运行

你可以看到 Visual Studio 2017（包括 IIS）：

这里是 IIS V 10.0.14393.0 。

有人知道如何解决这个问题吗？

你从浏览器的开发者工具和 IIS FRTdocs.microsoft.com/en-us/iis/troubleshoot/… 看到了什么？

标签： asp.net-mvc iis font-awesome

【解决方案1】：

根据您的描述，字体在本地正常显示，但是在服务器上加载时，只显示空白方块。可能的原因是FontAwesome CSS 文件的src 属性中提到的文件名与实际字体文件名不同。

更多详情可以参考this link。

【讨论】：