字体真棒图标不显示在IE兼容性视图

2018-07-03 13:16:57

我在我的项目中使用了Font Awesome图标。 HTML页面从XSL模板生成如下 -

<!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>

在stackoverflow上搜索后，我在头部添加了meta标签以将文档模式呈现为最新的可用版本。即使我的基地FONT（拉托）也没有加载和Still Font Awesome图标在我的页面中消失在IE（IE9和IE11）兼容模式下。

请建议，我错过了什么？

问候，

这是我的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');
}

在其他浏览器中，Chrome，FireFox和IE9＆IE11（普通模式）工作正常。另一个想法是 - 如果通过控制面板（窗口）在系统中安装字体fontawesome-webfont.ttf，那么它的工作正常。建议一些网站添加了Font Face两次。

在这里你可以尝试使用这个代码从这篇文章

Update1这里可能是要引用的问题。

正如字体真棒成员所建议的那样

“当IE9字体没有完整的”Installable“权限时，IE9仍然失败，只有解决方法似乎是编辑字体权限或从本地服务器上提供字体权限。”

还有一个线程可能会有帮助

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

上一篇: Font Awesome icon not display on IE compatibility view

下一篇: Some Javascript errors on IE8 compatibility mode on IE11 windows 8