0

早上好,

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

图标错误编码

如果我用萤火虫检查元素,我会看到 html 没问题,但在 font-awesome.ss 中我看到了这个:

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

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

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

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

另外一个事实是,这发生在每个图标上,包括本机引导图标。

4

2 回答 2

2

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

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

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

于 2013-07-16T16:56:32.090 回答
1

您可以使用 CDN。只包括

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

<head>节中。

于 2013-11-17T17:24:25.460 回答