如何在 Twitter Bootstrap 图标和 Font Awesome 图标之间实现对等

Question

在 Ruby on Rails 3.2 应用程序中，我使用 Twitter Bootstrap-Sass v 2.0.3，Font Awesome 均安装为 Gem。

我使用“Font Awesome”是因为我想更改引导图标的颜色。

我的问题是我的图标完全不对齐：

正在发生的事情是它在不同的位置呈现原始的黑色图标和新的图标。

在 Font Awesome 上，它说“这组巨大的新图标是 Font Awesome GitHub 项目请求的，其中包括与 Bootstrap 2.0.3 的图标奇偶校验。”

如何对齐图标以使形状相同但仍通过字体操纵颜色？

Answer 1

这就是我之前处理相同问题的方式。由于原生引导图标是背景图像，而 Font Awesome 图标是文本内容，我只是像这样覆盖引导样式（例如在 application.scss 中）：

[class^="icon-"], [class*=" icon-"] {
  background-image: none;
}