字体真棒不适用于任何iE或Edge

时间:2016-09-08 22:16:59

标签: html css icons font-face font-awesome

我遇到了Font awesome图标的问题,这是iE的支持。

它在所有其他浏览器上都运行良好。

但出于某种原因,在iE或Edge上,图标没有显示,有一个空间可以去,但没有图标。

在使用Chrome与iE(iE10到Edge)中的Dev工具时,我注意到样式的差异。

互联网选项已启用download fonts

我已将元标记添加到<head>标记的顶部:
<meta http-equiv="X-UA-Compatible" content="IE=edge">

我包含了整个字体真棒zip(即使我不需要更少或scss文件夹)

Included Font Awesome folders

我正在使用Font-awesome v4.6.3 和Bootstrap v3.3.7

请参阅下面的图片,了解开发人员工具的差异:

IE-DeveloperTools:

iE-Developer Tools

铬DeveloperTools:

Chrome Developer tools

除此之外,我认为两者之间没有任何差异。

1 个答案:

答案 0 :(得分:0)

似乎可能是Browserstack问题。我正在使用Broswerstack在不同的浏览器上进行测试,它似乎与本地Font awesome文件存在问题,但是可以与CDN一起使用。

我多次检查了路径,它适用于我可以通过Mac测试的所有浏览器。我猜你也买了一台电脑。

有关详细信息,请参阅上面的评论。