转载

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

本地测试无误,发布到服务器后字体图标就全不能显示了,IE里显示空,Chrome里显示长方形:

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

网站里MIME类型列表里是有.woff类型的:

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

不过不是“application/x-font-woff”,尝试在Web.config文件里覆盖之:

<system.webServer>     <staticContent>       <remove fileExtension=".woff" /> <!-- In case IIS already has this mime type -->       <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />     </staticContent>     </system.webServer>

结果是无效的。

后来看到老外说貌似是MVC的BundleConfig问题:

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

尝试放弃使用Bundle方式引用FontAwesome的CSS,转而采用传统方式载入CSS:

@*@Styles.Render("~/Content/fontawesome")*@ <link href="/Content/font-awesome/css/font-awesome.min.css" rel="stylesheet" />

果然搞定了:

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

环境版本信息:

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

解决MVC项目在IIS中不显示FontAwesome等字体图标的问题

正文到此结束
Loading...