Font Awesome在標準模式下在Chrome,Firefox,Safari,Opera和Internet Explorer 11中完美呈現。當IE9或IE11上的兼容模式變爲「開」時,無圖標渲染。字體真棒不能在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兼容模式呈現?
使X-UA元標記成爲頭部中的第一個。 –
UTF-16?真? – Pointy
是的UTF-16。其實頁面從XSL @ Pointy產生 –