Question

参见随附的屏幕截图...这个文本呈现在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;

Answer 1

我不是100％确定你的问题是什么，但我知道IE9默认不支持text-shadow。使用IE9中的示例代码，文本在this fiddle中显示为完全白色。除非您使用某些shiv来使text-shadow起作用，否则您可以使用DirectX过滤器 - DXImageTransform.Microsoft.Shadow - 在IE9中应用阴影：

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

但请注意，这不会与您当前应用的text-shadow一样暗。

如果此问题与IE9中未显示的字体有关（对我来说看起来像Arial），请参阅@font-face works in IE8 but not IE9

在IE9中，文本渲染非常糟糕

1 个答案: