twitter引导图标未按预期显示，而不是字符

Question

早上好，

我开始使用twitter-bootstrap和font-awesome框架开发第一个html项目。我已经在页面中包含了两个资源而没有任何问题。但是，当我尝试使用<i class="icon-wrench intro-icon-large"></i>图标时，它没有显示，而是打印出一个符号：

如果我用firebug检查元素，我看到html ok，但是在font-awesome.ss中我看到了：

.icon-wrench:before {
    content: "";
}

但是，如果我从编辑器打开css文件，我会看到：

.icon-wrench:before{content:"\f0ad"}

这种行为使我感到困惑，因为所有资源都是根据指​​定的路径正确加载的，并且图标图像也在那里。

另外一个事实是，每个图标都会发生这种情况，包括本机引导图标。

Answer 1

Firefox似乎与Font-Awesome有一些问题...

  

使用Font Awesome时我发现在Firefox中，字符不会呈现为

以下是“潜在”修复：Font Awesome not working in Firefox (possible fix found)

Answer 2

您可以使用CDN。只需加入

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<{1>}部分中的

。