字体真棒图标排列

我使用的引导，青菜和字体真棒 - 萨斯 - 轨道的宝石，并已成功地消灭重复图标（从glyphicons）加入到引导和-overrides.css.scss：字体真棒图标排列

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

但是，现在我遇到了稍微不符合标准的问题..之前的图标很完美。现在，我看到：

enter image description here

我想移动的图标下一个像素或2。请帮助。谢谢。

2012-09-08 Abram

与Font-Awesome Integration section上发现的LESS的指示类似，应该将字体图标的SASS完全删除，而不是只在其上加载Font-Awesome SASS。我强烈反对任何仅仅通过覆盖不需要在那里出现的CSS规则来拯救外表的方法。

我不使用Rails的，但我相信粗线条是：

结帐的bootstrap-sass repo的副本。
找到_bootstrap.scss文件。
更换@import "bootstrap/sprites";与@import "your/path/to/font-awesome";，其中your/path/to/包含字体awesome.scss。
重新编译bootstrap.scss（别忘了缩小！）。

2012-09-08 18:04:45 merv

梅尔夫

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

，嘿，这是一个非常好的建议，和一个我已经采取了在船上......我所做的更改，但不幸的是，图标位置仍然没有调整。谢谢！ – Abram

应该有一种通用的方式来操纵位置，就像在我写的原始问题中[class^=“icon-”] {background-image：none; }为glyphicons。 – Abram

嘿好像还有其他事情正在进行......不确定到底发生了什么，但是我已经过渡到bootstrap的sass版本，并且有几个需要清理的剩菜。 – Abram

我使用twitter-bootstrap-rails gem。我不得不注释掉：从bootstrap_and_overrides.css.less文件

2012-09-29 17:47:40 hellion

回答