2012-10-01 112 views
1

我使用字體面和旋轉使用含過濾的div我:字形面旋轉8

.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上的過濾器旋轉以及字體表面。

有什麼建議嗎?

回答

0

這會不會是小菜一碟......

當您使用過濾器,文本抗鋸齒關閉...

嘗試使用這個CSS屬性:

font-weight:lighter; 

你可能會很幸運。

否則,你可能需要使用cufons,SVG,閃光燈,PNG圖片...或者乾脆忘掉即

+0

感謝您的回答,字體重量沒有工作,我想cufons,但我不能使cufon旋轉,任何建議? –

+0

只有一個:拉斐爾。這裏是一個例子:http://jsfiddle.net/kFVxa/16/ –

+0

拉斐爾Cufon做的工作,謝謝! –