IE和Firefox中没有显示的Ionicons

Question

我已经研究了一整天，但找不到答案，为什么我的电离图标不能显示在IE和火狐，但成功地显示在铬。

我的站点是在Bootstrap 3中构建的，在其他CSS文件之后，在标题中调用Ion图标CSS。

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/1.4.1/css/ionicons.min.css"></link>

当我在IE (所有版本)和Firefox (所有版本)中启动站点时，Ionicons被显示为两个行和两个字符的小矩形。

如果您使用的是火狐，您可以在团队部分看到错误在这里，社交网络应该在这里。

有人知道是什么原因造成的吗？我尝试了一些解决方案，从这个网站，但没有成功。

Answer 1

看起来您还没有正确安装它们，请按照下面的步骤执行。

1. 下载并解压字体包
2. 将ionicons.css复制到项目中
3. 将字体文件夹复制到项目中
4. 确保ionicons.css中的字体urls正确引用项目中的字体路径。
5. 从您需要使用的每个网页中包含对ionicons.css文件的引用。

从这里获取，这应该可以解决您的问题！