1

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

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;
4

1 回答 1

2

我不是 100% 确定你的问题是什么，但我知道text-shadow默认 IE9 不支持。使用您在 IE9 中的示例代码，此小提琴中的文本将完全显示为白色。除非您使用一些 shiv 开始text-shadow工作，否则您可以使用 DirectX 过滤器 -DXImageTransform.Microsoft.Shadow在 IE9 中应用阴影：

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

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

如果此问题与 IE9 中未显示的字体有关（对我来说它看起来像 Arial），那么请参阅@font-face 在 IE8 中有效，但在 IE9 中无效

于 2013-03-01T14:39:17.707 回答