You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ASP.NET MVC中Font Awesome本地正常,部署到IIS后失效求助

问题:部署到IIS服务器后Font Awesome图标无法显示

我在Stack Overflow尝试过多种解决方案均无效,故再次提问。

最初怀疑IIS未正确提供字体文件,于是在web.config中移除并重新声明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包管理器安装了以下包:

  • FontAwesome.MVC v1.00
  • FontAwesome v4.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时图标显示正常,但部署到版本为10.0.14393.0的IIS服务器后无法显示图标,求解决思路。

内容的提问来源于stack exchange,提问作者post4dirk

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.23 07:09:11