字體真棒圖標排列

我使用的引導，青菜和字體真棒 - 薩斯 - 軌道的寶石，並已成功地消滅重複圖標（從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

回答