Css 字体图标对齐

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

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

但是，现在我有一个问题，就是图标有点不协调。。这些图标以前是完美的。现在我看到：

---

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

与上的“减少”说明类似，您应该完全删除字形图标的SASS，而不仅仅是在其顶部加载字体Awesome SASS。我强烈反对任何仅仅试图通过覆盖CSS规则来保存外观的方法，这些规则本来就不需要存在

我不使用Rails，但我假设大致轮廓如下：

签出副本

找到\u bootstrap.scss文件

替换导入的“引导/精灵”@import“your/path/to/font”导入代码>，其中

您的/path/to/

包含字体awesome.scss

重新编译bootstrap.scs（别忘了缩小！）

---

我正在使用twitter引导程序rails gem。我不得不说：

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

---

从bootstrap_和_overrides.css.less文件

Merv，嘿，这是一个非常好的建议，我已经采纳了这个建议。。。我做了更改，但不幸的是图标位置仍然没有调整。谢谢应该有一个通用的方法来操纵位置，就像在我最初的问题中，我为GlyphIcon写了[class^=“icon-”]{background image:none；}。嘿，似乎还有别的事情发生了。。不确定到底发生了什么，但我已经过渡到sass版本的引导，还有一些剩余的东西需要清理。@Abram好的，我很高兴你发现它很有用。正如我所说，我是在黑暗中拍摄的，因为我不是Rails开发人员。如果你有一个实时测试页面可以链接，我很乐意看一看。听起来你现在明白了。