Bootstrap 3.0 和 Font Awesome答案

【问题标题】：Bootstrap 3.0 and Font AwesomeBootstrap 3.0 和 Font Awesome
【发布时间】：2013-08-31 20:00:23
【问题描述】：

我已经使用 Bootstrap 和 Font Awesome 一段时间了，没有任何问题。似乎当我切换到 Bootstrap 3 时，Font Awesome 图标不再出现在 IE10 和 Firefox 中。但它在 Chrome 和 Safari 中运行良好。

我在 RC1/RC2 中所做的项目中使用了相同的图标，并且仍然可以正常工作。有谁知道发生了什么？

【问题讨论】：

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

【解决方案1】：

对于 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

【讨论】：

【解决方案2】：

另请参阅：Updating Bootstrap to version 3 - what do I have to do? 在 RC1 中，字形图标已被删除。自 RC2 以来 Glyphicons 又回来了（Glyphicon Halflings 集中的 180 个字体格式的字形）。也许这会给你带来麻烦。尝试从引导 CSS 中删除 Glyphicons。从 bootstrap.less 中删除行 @import "glyphicons.less"; 并重建 Bootstrap。

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

【讨论】：

他说的是 Font Awesome，而不是字形。
@flavien 是的，我知道。这就是为什么我说：“尝试从引导 CSS 中删除 Glyphicons”。也许 Glyphicons（默认捆绑）和 font-awesome 之间存在冲突。但是由于在不同的浏览器上的结果不同，某些字体很可能会丢失。