【问题标题】:Font Awesome Icons Do Not Display in Chrome在 Chrome 中不显示 Font Awesome 图标
【发布时间】:2013-05-10 12:00:28
【问题描述】:

我正在使用 Wordpress 3.5 并尝试过 BootstrapCDN 和默认 CSS 设置选项,如 Font Awesome 的 Get Started http://fortawesome.github.io/Font-Awesome/get-started/ 页面中所述。在我上传了 Font Awesome Icons 和 Wordpress Twitter Bootstrap CSS 插件后,将这两行代码插入到我的网站中,我尝试在项目文本框中按如下方式插入基本图标:

<i class="icon-camera-retro"></i> icon-camera-retro

插入的两行代码分别是:

<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

图标根本不显示,而文本显示并且似乎被图标应该所在的空白区域偏移。我对此比较陌生,所以如果这过于简单,我深表歉意。如果除了“入门”页面上的说明之外还有其他非常直接的说明(但似乎对我不起作用),我将不胜感激。我很感激你能负担得起的任何帮助。谢谢!

【问题讨论】:

  • 我应该澄清一下,我已将上面提到的 href 路径更改为适当的字符串。
  • 当您在 HTML 检查器(Chrome 的“检查元素”)中检查该空白区域时会发生什么?
  • html 会在写入时读取,并且页面上的弹出窗口显示:i.icon-camera-retro 14px x 14px
  • @dnord,有什么我应该在 HTML 中寻找的特定内容吗?顺便说一句,感谢您的帮助。
  • 其他浏览器可以用吗?

标签: twitter-bootstrap font-awesome


【解决方案1】:

我刚刚遇到了一个类似的问题 - 但仅限于 Chrome(在其他浏览器中运行良好)。我试图删除脚本 - 一个一个地识别,哪个负责。就我而言,它是(否则非常酷的插件)fitVids.js

【讨论】:

    猜你喜欢
    • 2022-01-18
    • 1970-01-01
    • 2020-08-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多