【问题标题】:Font awesome not working on ANY iE or Edge字体很棒不适用于任何 iE 或 Edge
【发布时间】:2017-01-16 23:32:34
【问题描述】:

我遇到了字体真棒图标的问题,它是 iE 支持。

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

但在iE或Edge上不知什么原因,图标没有出现,有一个地方可以去,但是没有图标。

在查看 Chrome 与 iE(iE10 到 Edge)中的开发工具时,我注意到样式有所不同。

互联网选项已启用download fonts

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

我包含了整个字体很棒的 zip(即使我不需要 less 或 scss 文件夹)

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

请查看下图以了解开发者工具的差异:

iE-DeveloperTools:

Chrome-DeveloperTools:

除此之外,我看不出两者之间有任何区别。

【问题讨论】:

  • 您是否包含了整个 font awesome 文件夹?您必须链接到 CSS,但您必须包含整个文件夹。
  • 是的,整个文件夹,包括less和scss,即使我没有使用它们
  • 你看过the Font Awesome Troubleshooting pages,特别是IE相关的位...?
  • 是的,它把我带到了这里:stackoverflow answer 我在<head> 的顶部包含了元标记
  • 它是您使用此字体的 ASP.NET 应用程序吗?

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


【解决方案1】:

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

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

详见上面的 cmets。

【讨论】:

  • 不要把钱花在 PC 上,使用虚拟盒子或其他虚拟机软件。
  • @leofontes,绝对不会把我的钱花在额外的 PC 上,能够使用周围有它的人。谢谢
  • 买一台全新的机器对我来说似乎有点过头了。
猜你喜欢
  • 2016-07-30
  • 2019-12-20
  • 2018-11-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-09
  • 2018-06-08
相关资源
最近更新 更多