0

早上好,twitter引导程序图标未按预期方式显示,而是使用字符而不是

我开始使用twitter-bootstrap和font-awesome框架开发第一个html项目。我已将这两种资源都包含在页面中,没有任何问题但是,当我试图用为<i class="icon-wrench intro-icon-large"></i>它不显示图标,而是一个strage符号印刷:

icons error encoding

如果我检查与萤火虫的元素,我看到HTML确定,但在字体awesome.ss我看到这一点:

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

不过,如果我打开从编辑CSS文件,我看到:

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

此行为迷惑了我,因为所有的资源都是按照指定的路径正确加载的,并且图标图像也在那里。

随着更多的事实,这happend每一个图标,其中包括原生引导图标。

+0

您是否将编码设置为UTF-8? – olamarche

+0

我将它设置为像' – manix

+0

这样的hmlt头文件您是否尝试过使用Chrome或Safari? – olamarche

回答

2

火狐似乎有一些问题与字体 - 真棒......

使用字体时,真棒,我发现在Firefox中的字符不渲染,因为他们应该

这里“潜在” 的解决办法:Font Awesome not working in Firefox (possible fix found)

+0

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

1

可以使用CDN。只包括

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

<head>部分。

相关问题