html - 为什么 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;
}

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