字体真棒图标对齐

我正在使用bootstrap-sass和font-awesome-sass-rails gems，并通过添加到bootstrap-and-overrides.css.scss成功消除了重复的图标（来自glyphicons）：

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

但是，现在我遇到的问题是略有不合格的图标..这些字形是完美的。 现在我看到了：

我想将图标向下移动一个像素或2.请帮忙。 谢谢。

Answer 1

类似于在Font-Awesome Integration部分中找到的LESS的方向，应该完全删除字形图标的SASS，而不是仅仅在其上加载Font-Awesome SASS。 我强烈反对任何仅仅试图通过覆盖首先不需要存在的CSS规则来保存外观的方法。

我不使用Rails，但我认为粗略的轮廓将是：

1. 签出bootstrap-sass repo的副本。

2. 找到_bootstrap.scss文件。

3. 替换@import "bootstrap/sprites"; 使用@import "your/path/to/font-awesome"; ， your/path/to/包含font-awesome.scss 。

4. 重新编译bootstrap.scss （不要忘记缩小！）。

Answer 2

我正在使用twitter-bootstrap-rails gem。 我不得不评论出来：

  @iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings.png"); 

来自bootstrap_and_overrides.css.less文件