IE9 中的文本渲染非常糟糕

Question

见附件截图...这个文本渲染在 IE9 上非常不清晰。您可能希望放大到全尺寸。

字体来自 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