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

IE9中的文本渲染非常糟糕

  •  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

    推荐文章