Bootstrap 3.0和Font Awesome

时间:2013-08-28 16:11:24

标签: twitter-bootstrap twitter-bootstrap-3 font-awesome

我一直在使用Bootstrap和Font Awesome一段时间没有任何问题。似乎当我改为Bootstrap 3时,字体真棒图标不再出现在IE10和Firefox中。但它在Chrome和Safari中运行良好。

我在RC1 / RC2中完成的项目中有相同的图标,但仍能正常工作。谁知道发生了什么?

2 个答案:

答案 0 :(得分:2)

另见:RC1中的Updating Bootstrap to version 3 - what do I have to do?已删除了Glyphicons。自RC2以来,Glyphicons又回来了(Glyphicon Halflings设置的字体格式为180个字形)。 也许这会引起你的麻烦。尝试从bootstrap CSS中删除Glyphicons。从bootstrap.less中删除行@import "glyphicons.less";并重建Bootstrap。

同时检查Glyphicon和font-awesome需要不同浏览器的不同字体格式(.eot,.woff,.ttf,.svg)。如果一个被破坏或丢失,它将无法在某些浏览器上运行。

答案 1 :(得分:0)

对于Font Awesome CSS 4.7.0版:https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

FontAwesome是设计用于Twitter Bootstrap的标志性字体:

您也可以发现这有用:http://www.jsdelivr.com/projects/fontawesome