2013-03-01 60 views
1

請參閱附件截圖...這個文字渲染出現在IE9上很不清楚。您不妨放大至完整尺寸。在IE9中文字渲染是絕對糟糕的

IE9 text rendering

的字體是從Typekit和,按照客戶端的請求(和視覺必要性),需要在其下方陰影。這是用CSS3完成的。這是一個已知問題,還是有任何解決方法?

這是用ClearType等嗎?如果是這樣,需要更改哪些設置來解決這個問題?

感謝您的諮詢!下面是對文本的CSS的樣子:

font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-weight: 700; 
color: rgba(255, 255, 255, 0.5); 
text-shadow: 0px 5px 10px #000; 
display: inline; 
margin-right: 30px; 
font-size: 30px; 
cursor: pointer; 
+0

我有Silverlight的文本呈現類似的問題。 Chrome中的文字看起來很棒,但在ie9中卻很可怕。 – ecathell 2013-03-25 15:09:46

回答

2

我不是100%肯定你的問題在這裏,但我確實知道,text-shadow默認情況下不支持IE9。使用IE9中的示例代碼,文本將在this fiddle中顯示爲完全白色。除非你使用,一些下腳得到text-shadow工作,你可以使用DirectX的過濾器 - DXImageTransform.Microsoft.Shadow - 應用陰影IE9:

filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45); 

待辦事項,但是,這不會是爲暗text-shadow您目前已申請。

如果這個問題是字體在IE9不顯示(它看起來像宋體我)做的,那麼請參閱@font-face works in IE8 but not IE9

+0

明白了。我實際上看到我正在使用'filter:progid:DXImageTransform.Microsoft.DropShadow'(而不僅僅是'Shadow')。我嘗試過兩種方式,但反鋸齒仍然看起來很糟糕,這是一種恥辱。現在,我不得不關掉它。這可能只是你不能解決的問題之一:( – Jack 2013-03-05 10:47:40

相關問題