Question

在一个项目中，我使用字体Awesome图标以默认格式显示图标。它在Chrome，FireFox和IE9＆amp; IE11但不在兼容性视图上显示。

我使用元标记来强制渲染文档，但它不起作用。此外，在兼容性视图中，某些css看起来不像其他浏览器那样标准视图。

curl -d "<?xml version='1.0'?><methodCall><methodName>start_apps</methodName></methodCall>" http://localhost:6610/app_rpc

实际上，我的页面是通过'xsl'模板生成的，这就是为什么我也使用了htm5 JS，如下所示 -

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

这是我在IE9 Campatibility模式下的HTML结构 -

<xsl:comment>
<![CDATA[[if lt IE 9]>
<script src="js/jquery/html5shiv.min.js" type="text/javascript" />
<script src="js/jquery/respond.js" type="text/javascript" />
<![endif]]]>
</xsl:comment>

我在DOM中发现html5 js未加载。

任何解决方案？抱歉英语不好。

Answer 1

您的兼容模式设置告诉IE使用IE7兼容模式。

请注意，Font Awesome在IE7中不起作用（也不在IE7兼容模式下），因为IE7不支持Font Awesome使用的几个关键功能。

即使IE8支持在Font Awesome中也很差。理想情况下，您应该只考虑支持IE9及更高版本。

因此，您最好的选择是放弃兼容模式。像这样更改元标记：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

...即删除IE=9; IE=8; IE=7;。

如果您确实需要您的网站支持IE7和IE8，那么您需要重新考虑您的网站设计，并使用旧技术来创建它。

IE9兼容性视图中不显示Font Awesome图标

1 个答案: