Font Awesome icon not display on IE compatibility view

2018-07-03 13:16:58

I have used Font Awesome icon in my project. The HTML page generate from XSL Template as follows-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="IE=9; 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/jquery-ui.css?ver=T1.0" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css?ver=T1.0" />
<link rel="stylesheet" type="text/css" href="css/style.css?ver=T1.0" />
<link rel="SHORTCUT ICON" href="images/favicon.ico" />
</head>
<body>
</body>

After searching on stackoverflow I added meta tag in head to render document mode to latest available version. Even my base FONT (Lato) also not load and Still Font Awesome icon disappear in my page In IE (IE9 & IE11) compatibility mode.

Please suggest, what I am missing?

regards,

Here is my style.css -

@font-face{
    font-family: 'Lato';
    src: url('../fonts/lato-v11-latin-regular.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/lato-v11-latin-regular.eot');
  src:  local('Lato Regular'), local('Lato-Regular'),
        url('../fonts/lato-v11-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lato-v11-latin-regular.woff2') format('woff2'),
        url('../fonts/lato-v11-latin-regular.woff') format('woff'),
        url('../fonts/lato-v11-latin-regular.ttf') format('truetype'),
        url('../fonts/lato-v11-latin-regular.svg#Lato') format('svg');
}

In other browser Chrome, FireFox and IE9 & IE11 (Normal Mode) working fine. Another think is - if install font fontawesome-webfont.ttf in sytem through control panel (windows) then its working fine. As suggest some website I have added Font Face twice.

Here you can try to use this code  from this article

Update1 Here might be the issue to be referenced.

As suggested by the font awesome members

"This still fails on IE9 when the font doesn't have full "Installable" permissions. Only solution seems to be to edit the font permissions or serve it from the local server."

One more thread which might be able to help

链接地址: http://www.djcxy.com/p/93482.html

上一篇: 在Windows 10 Pro的IE11上无法加载Web字体

下一篇: 字体真棒图标不显示在IE兼容性视图