Currently, my XSL Generate html page with some meta tag, css and JS link file in <head>
tag. I have added one more after search over Stackoverflow site for Internet Explorer compatibility issue to support Font Awesome icon on compatibility view.
But my XSL generate html as follows-
<!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">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css>
<link rel="SHORTCUT ICON" href="images/favicon.ico">
</head>
<body>
</body>
</html>
XSL Source:
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"/>
<xsl:include href="portalheader.xsl"/>
<xsl:template match="case">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link rel="SHORTCUT ICON" href="images/favicon.ico"/>
</head>
<body>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Some stack member suggest me to put the meta tag as first tag of head to support Font Awesome icon on IE compatibility view. Ref. Stack Answer - font awesome not working in ie9 & ie11 compatibility mode
Current scenario not working with IE compatibility view.
My Questions -
- How to put the 'X-UA-Compatible' meta tag as first?
- Is it working for IE compatibility view (IE9 & IE11) ? or if you have any other solution please share.
Regards,