Question

这些图标在Chrome / Firefox版本中运行良好，但由于某种原因无法在任何版本的IE中使用。没有真正的想法为什么那样 - 我敢肯定它必须是一些我想念的简单。带代码的网址在这里：他们使用的是@ font-face，路径是正确的。

http://rational-animal.co.uk/elusive

谢谢！

Answer 1

最后找到答案。 bootstrap.css中的glyphicons代码覆盖了Elusive图标。所有代码都以此开头和之后：

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

需要删除

才能使其正常工作。

难以捉摸的图标字体不适用于任何版本的IE

1 个答案: