html - Google 字体的 IE8 文本阴影问题

Question

我有一个网站 http://test.printavo.com这在 IE8 中呈现得非常糟糕，但在 IE7 和 IE9 中呈现得很好。我不确定 IE8 是否出于某种原因有不同的标准，但主要问题是“Open Sans”Google 字体的文本阴影看起来很糟糕......

有人解决这个问题吗？也许将所有字体都转换为 Arial，我尝试将 text-shadow:none !important 用于 IE，但这没有用(查看我的来源)

编辑:有没有更好的方法来消除 IE 中的所有文本阴影？

Answer 1

http://www.useragentman.com/blog/2011/06/29/full-css3-text-shadows-even-in-ie/

似乎有多种选择可供选择。上面的链接应该给你一些选择。我应该注意到他们说 IE8 可能无法预测地显示文本阴影，您应该查看警告部分(下面的链接)尝试一些修复。

http://www.useragentman.com/blog/2011/04/23/css-blurred-text-shadow-in-ie-part-i/#caveats

编辑:在请求您的浏览器特定的 css 样式时，您可以使用条件注释来定位 IE 样式，只需将此行添加到您的 HTML 文件的 >head< 标签中:

<!--[if IE 6]><link rel="stylesheet" href="http://mysite.com/path/to/ie6.css" type="text/css" media="screen, projection"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://mysite.com/path/to/ie7.css" type="text/css" media="screen, projection"><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="http://mysite.com/path/to/ie8.css" type="text/css" media="screen, projection"><![endif]-->
<!--[if IE 9]><link rel="stylesheet" href="http://mysite.com/path/to/ie9.css" type="text/css" media="screen, projection"><![endif]-->