Question

我正在使用font-face并使用filter来旋转包含它的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和7以及font-face上进行过滤器旋转时才会发生这种情况。

有什么建议吗？

Answer 1

这不会是小菜一碟......

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

尝试使用此css属性：

font-weight:lighter;

你可能会很幸运。

否则你可能不得不使用cufons，svg，flash，pngs ......或者只是忘记ie

Internet Explorer 8中的字体面旋转

1 个答案: