IE兼容性视图中不显示Font Awesome图标

时间:2016-10-16 09:32:46

标签: html css internet-explorer fonts font-awesome

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

public void CreateVars() {
    System.out.println("Enter the numbers of variables: ");
    int i = s.nextInt();
    int[][] var = new int[i][];
    for (int j = 0; j < i; j++) {
        System.out.println("Enter the number of values: ");
        int p = s.nextInt();
        System.out.println("Enter the numbers: ");
        var[j] = new int[p];
        for (int q = 0; q < p; q++) {
            int n = s.nextInt();
            var[j][q] = n;
        }
    }
}

在stackoverflow上搜索之后,我在头部添加了元标记,以将文档模式呈现为最新的可用版本。甚至我的基本FONT(Lato)也没有加载,Still Font Awesome图标在我的页面中消失在IE(IE9&amp; IE11)兼容模式中。

请建议,我缺少什么?

的问候,

这是我的style.css -

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

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

1 个答案:

答案 0 :(得分:0)

您可以尝试在此article

中使用此代码<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

<强> UPDATE1 Here可能是要引用的问题。

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

  

&#34;当字体没有完整的&#34;可安装&#34;时,这仍然在IE9上失败。权限。只有解决方案似乎是编辑字体权限或从本地服务器提供它。&#34;

还有一个thread可以提供帮助