验证请:Google网络字体+谷歌浏览器11.0.696.68 + Windows 7 +文字阴影(带rgba)=失败

时间:2011-05-19 00:56:24

标签: google-chrome windows-7 google-webfonts css3

进行一些研究后,谷歌浏览器会显示页面的其余部分,但在加载网络字体之前,它会显示一个空格代替使用该字体的文本[来源:http:// code .google.com的/ apis /网络字体/文档/ technical_considerations.html#Br​​owser_Behavior]。但是,当Windows 7上使用Chrome 11.0.696.68的用户显示带有文本阴影的Google Web Fonts时,任何rgba alpha值都不是1,Google Web字体永远不会呈现。所有其他浏览器都准确地呈现代码。甚至OSX上的Chrome 11.0.696.68也能正确呈现代码。有人可以确认下面的测试用例在Windows 7的谷歌浏览器中不起作用。如果您在Windows 7上找到适用于以下测试用例的Chrome版本,请列出。

这是我的测试用例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    <link href='http://fonts.googleapis.com/css?family=Unkempt' rel='stylesheet' type='text/css'>
    <style type="text/css">
        body { background:#808080; }
        p { font:40px 'Unkempt', sans-serif; color:#fff; }
        .rgba_t { text-shadow:0px -1px rgba(0,0,0,.99); }
        .rgba_1 { text-shadow:0px -1px rgba(0,0,0,1); }
        .hex { text-shadow:0px -1px #030303; }
    </style>
    </head>
    <body>
        <p class="rgba_t">Unkempt text-shadow: rgba(0,0,0,.99)</p>
        <p class="rgba_1">Unkempt text-shadow: rgba(0,0,0,1)</p>
        <p class="hex">Unkempt text-shadow: #030303</p>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

我正在运行Windows 7 64位,Chrome 12.0.742 ..,阴影对我来说也不起作用。 enter image description here

相关问题