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

Question

此图片是Font Awesome examples

的屏幕截图

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

当然，IE 9中的东西太多更糟糕

Answer 1

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

.fa {
    line-height: 1;
}

删除此规则后，图标显示效果非常好。