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 でのフィルターの回転と font-face でのみ発生します。

助言がありますか？

4

1 に答える 1

0

これは簡単なことではありません...

フィルタを使用すると、テキストのアンチ エイリアスがオフになります...

この css プロパティを使用してみてください:

font-weight:lighter;

あなたは幸運になるかもしれません。

それ以外の場合は、 cufons 、 svg、flash、pngsを使用する必要があるかもしれません...または単に忘れてください ie

于 2012-10-01T13:15:27.073 に答える