1

我正在使用 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 和 7 上的过滤器旋转以及字体。

有什么建议么?

4

1 回答 1

0

这不会是小菜一碟...

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

尝试使用这个 CSS 属性:

font-weight:lighter;

你可能会走运。

否则你可能不得不使用cufons、 svg、 flash、 pngs ......或者干脆忘记 ie

于 2012-10-01T13:15:27.073 回答