使用过滤器后的锯齿状字体渲染：仅在IE中使用FlipH

Question

我正在反向渲染文本，下面的代码就像一个冠军。问题是IE，字体都是用非常锯齿状的边缘渲染的。任何人都有关于如何在IE中正确呈现它的建议吗？

.flipText {
display: block;
-moz-transform: scaleX(-1); /* Gecko */
    -o-transform: scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* webkit */
    transform: scaleX(-1); /* standard */
    filter: FlipH; /* IE 6/7/8 */
-ms-filter: "FlipH";
}

Answer 1

通过添加背景颜色包含实际文本的元素，我能够“掩盖”在IE中呈现的效果。 （）..

Answer 2

通过添加-ms-transform: scaleX(-1);并将过滤器限制为IE8及更低版本（例如，使用条件注释），您可以在IE9（及更高版本）中使其看起来很好：

http://jsfiddle.net/thirtydot/ATsbe/3/

据我所知，在IE8及更低版本中无法使文本看起来很好。