【问题标题】:Ionicons not displaying in IE and Firefox离子图标不显示在 IE 和 Firefox 中
【发布时间】:2015-02-18 05:06:53
【问题描述】:

我研究了一整天,但找不到关于为什么我的 ionicons 无法在 IE 和 Firefox 中显示但在 chrome 中成功显示的答案。

我的网站是在 Bootstrap 3 中构建的,并且 Ionicon CSS 在其他 CSS 文件之后的标题中被调用。

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

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

如果您使用的是 Firefox,您可以在社交 Ionicons 所在的团队部分中看到 error here

有人知道是什么原因造成的吗?我尝试了该站点的一些解决方案,但均未成功。

【问题讨论】:

    标签: html twitter-bootstrap internet-explorer firefox ionicons


    【解决方案1】:

    您似乎没有正确安装它们,请按照以下步骤操作。

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

    取自here,这应该可以解决你的问题!

    【讨论】:

    猜你喜欢
    • 2015-01-11
    • 1970-01-01
    • 1970-01-01
    • 2015-09-17
    • 1970-01-01
    • 1970-01-01
    • 2010-11-05
    • 1970-01-01
    • 2014-05-30
    相关资源
    最近更新 更多