谷歌字体的 IE8 文本阴影问题答案

【问题标题】：IE8 text-shadow issue with Google Font谷歌字体的 IE8 文本阴影问题
【发布时间】：2012-02-28 16:26:17
【问题描述】：

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

谁有解决这个问题的方法？也许将所有字体转换为 Arial，我尝试 text-shadow:none !important for IE 但这不起作用（查看我的源代码）

编辑： 有没有更好的方法来去掉 IE 中的所有文本阴影？

【问题讨论】：

在 chrome/moz/opera 中是什么样子的？
IE 低于 10 不支持 text-shadow。
@MaratTanalin 但它似乎有阴影。令人困惑。
在包括 IE7 和 IE9 在内的所有其他浏览器中看起来都很棒。看来问题出在 Google 字体上。发布了编辑

标签： html css internet-explorer-8

【解决方案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 样式时，您可以使用条件 cmets 来定位 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]-->

【讨论】：