【发布时间】: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