css - Internet Explorer 8中的字体旋转

我正在使用font-face并使用过滤器旋转包含它的div：

    .ie8{
font-family: cscriptie, Georgia, Palatino, Times New Roman, serif;
 background: transparent\9;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=1.5320888862379554, M12=-1.2855752193730787,
        M21=1.2855752193730796, M22=1.5320888862379558),progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF),alpha(opacity = 100);
 zoom: 1;
 position:absolute;
}

@font-face {
    font-family: cscriptie;
    src: url('/fonts/cscript-webfont.eot');
    src: url('cscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('cscript-webfont.woff') format('woff'),
         url('cscript-webfont.ttf') format('truetype'),
         url('cscript-webfont.svg#webfont') format('svg');
}

它在IE 8和IE 7之外的所有浏览器中都可以正常工作，在这些浏览器中字母周围的黑色像素看起来很奇怪。

我不能使用背景色，因为背景在页面之间变化。

仅当IE 8和IE 7上的过滤器旋转以及使用字体时，才会发生这种情况。

有什么建议么？

最佳答案

这不会是小菜一碟...

使用过滤器时，文本抗锯齿功能会关闭...

尝试使用以下CSS属性：

font-weight:lighter;

您可能会很幸运。

否则，您可能必须使用cufons，svg，flash，png ......，或者只是忘记