爲什麼fa-rotate-90圖標在Chrome中顯示模糊？

Question

此圖片是從字體的截圖真棒examples

在我的屏幕（我甚至在畫圖旋轉，以確保它確實是模糊的，不只是一些魔法）在90個270度旋轉出現模糊。垂直和水平翻轉都很好。我的問題是爲什麼？ Chrome或者Font Awesome機制導致這種情況發生的原因是什麼？

當然，事情是多糟糕的IE 9

Answer 1

的字體真棒CSS定義，導致此問題的CSS規則。

.fa { 
    line-height: 1; 
} 

刪除此規則後，圖標顯示效果很好。