Bootstrap 3.0和Font Awesome

use*_*895 8 twitter-bootstrap font-awesome twitter-bootstrap-3

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

我在RC1/RC2中做的项目中有相同的图标,但仍然可以正常工作.谁知道发生了什么?

Bas*_*sen 3

另请参阅:将 Bootstrap 更新到版本 3 - 我需要做什么?在 RC1 中,Glyphicons 已被删除。Glyphicon 自 RC2 起就回来了(来自 Glyphicon Halflings 集的 180 个字体格式的字形)。也许这会给你带来麻烦。尝试从引导 CSS 中删除 Glyphicons。@import "glyphicons.less";从 bootstrap.less 中删除该行并重建 Bootstrap。

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

  • @flavien 是的,我知道。这就是为什么我说:“尝试从引导 CSS 中删除 Glyphicons”。也许 Glyphicons(默认捆绑)和 font-awesome 之间存在冲突。但由于不同浏览器上的结果不同,很可能缺少某些字体。 (2认同)