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
相关产品推荐
相关产品推荐

