为什么fa-rotate-90图标在Chrome中显得模糊？

Question

此图片是Font Awesome 示例的屏幕截图

在我的屏幕上(我甚至在Paint中旋转以确保它确实模糊而不仅仅是一些魔法)90度和270度旋转显得模糊.垂直和水平翻转都很好.我的问题是为什么？什么是Chrome或Font Awesome机制导致这种情况发生？

当然,IE 9中的情况要糟糕得多

Answer 1

font-awesome CSS 定义了导致此问题的 CSS 规则。

.fa {
    line-height: 1;
}

去掉这条规则后，图标显示得很好。