Twitter bootstrap 字体图标不会在Chrome中显示

我正在使用Wordpress 3.5，并尝试了BootstrapCDN和默认CSS设置选项，如Font Awesome的入门页面所述。在我上传了Font Awesome图标和Wordpress Twitter引导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">

---

图标根本不显示，而文本显示，并且似乎被图标所在的空白区域所抵消。我对这个比较陌生，所以如果这太简单了，我道歉。如果在“入门”页面上解释的内容之外还有其他非常直接的说明（但似乎对我不起作用），我将不胜感激。我感谢你能提供的任何帮助。谢谢

我刚刚遇到了一个类似的问题——但仅限于Chrome（在其他浏览器中工作正常）。我试图一个接一个地删除脚本，以确定谁对此负责。在我的例子中，它是（其他非常酷的插件）fitVids.js

我应该澄清一下，我已经将上面提到的href路径更改为适当的字符串。当你在HTML检查器（Chrome的“inspect元素”）中检查该空白时会发生什么？HTML在编写时读取，页面上的弹出窗口显示：I.icon-camera-retro 14px x14px@dnord,在HTML中是否有我应该查找的特定内容？顺便问一下，谢谢你的帮助。它在其他浏览器上可用吗？