2016-10-04 15 views
1

フォントAwesomeは、標準モードでChrome、Firefox、Safari、Opera、Internet Explorer 11に完全にレンダリングされます。 IE9またはIE11で互換モードが「オン」になると、アイコンが表示されません。ここでawesomeが動作しません。ie9&ie11互換モード

は、IE9の私のHTML構造(互換モードが「オン」になって)です:だから

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html> 
<head> 
<meta content="text/html; charset=UTF-16" http-equiv="Content-Type" /> 
<meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible" /> 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" /> 
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen" /> 
<link rel="SHORTCUT ICON" href="images/favicon.ico" /> 
<script src="js/jquery/jquery-1.7.2.min.js" type="text/javascript"></script> 
</head> 
<body> 
<body> 
</html> 

、どのように私はフォント恐ろしいアイコンが互換モードでのInternet Explorer 9および11でレンダリングすることができますか?

+1

先頭のX-UAメタタグを作成します。 –

+1

UTF-16?本当に? – Pointy

+0

はいUTF-16。実際にはXSL @ Pointyからページを生成する –

答えて

2

解決策が見つかりました。

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

は、それが機能するために<head> における最初のタグとして配置する必要があります。

+0

@sandyそれをチェックしてください。 – Dhaarani

+0

IE9互換モードでも動作しますか? –

+0

@sandy – Dhaarani

0

解決策が見つかりました。バージョンパラメータを削除しました。 ?v4.7.0はCSSのフォントのすべてのsrcにあり、現在私のIEで動作しています。

関連する問題