使用Google Font的IE8文本阴影问题

时间:2012-02-28 16:26:17

标签: html css internet-explorer-8

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

ie8

有人对此有所解决吗?也许将所有字体转换为Arial,我尝试使用text-shadow:none!对IE很重要但是没有用(查看我的来源)

修改 有没有更好的方法来取消IE中的所有文字阴影?

1 个答案:

答案 0 :(得分:0)

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样式,只需将此行添加到> head< HTML文件的标签:

<!--[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]-->