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

【问题标题】：twitter bootstrap icons not displayed as expected, characters instead oftwitter 引导图标未按预期显示，字符而不是
【发布时间】：2013-07-16 15:37:19
【问题描述】：

早上好，

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

如果我用 firebug 检查元素，我会看到 html 没问题，但在 font-awesome.ss 中我看到了这个：

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

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

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

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

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

【问题讨论】：

您是否将编码设置为 UTF-8 ？
我将它设置在 HMLT 标头中，例如 <meta charset="utf-8">
你试过 Chrome 或 Safari 吗？

标签： html twitter-bootstrap character-encoding icons font-awesome

【解决方案1】：

Firefox 的 Font-Awesome 似乎有些问题...

在使用 Font Awesome 时，我发现在 Firefox 中，字符不会按应有的方式呈现

这是一个“潜在的”修复：Font Awesome not working in Firefox (possible fix found)

【讨论】：

谢谢！错误是我没有包含需要 font-awesome.css 的 font 目录。你的链接很有用！！

【解决方案2】：

您可以使用 CDN。只需包含

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

在<head> 部分。

【讨论】：