代码之家 › 专栏 › 技术社区 › Jack marksy

IE9中的文本渲染非常糟糕

typekit internet-explorer-9 text internet-explorer html

1

Jack marksy · 技术社区 · 13 年前

请参阅附件截图。。。这种文本渲染在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;

1 回复 | 直到 13 年前

1

2

Community Mohan Dere 9 年前

我不能百分之百确定你的问题是什么,但我知道 text-shadow 默认IE9不支持。文本将在中显示为完全白色 this fiddle 使用IE9中的示例代码。除非你在用shiv 文本阴影 要工作,可以使用DirectX筛选器- DXImageTransform.Microsoft.Shadow -要在IE9中应用阴影:

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

然而,请注意,这不会像 文本阴影 您当前已申请。

如果这个问题与IE9中未显示的字体有关(在我看来它像Arial),请参阅 @font-face works in IE8 but not IE9