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

image

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

image

不过不是“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问题:

image

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

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

果然搞定了:

image

环境版本信息:

image

image

image

image

转载此文章时须注明转载自”SkyD(斯克迪亚)开发者博客“,并保留此文章的Url链接

作者信息

昵称
斯克迪亚

查看其所发布的所有文章

总积分
2440
注册时间
(2018年5月4日 19:06)

评论

目前还没有任何评论。

[切换到移动版页面]