做了一点研究,Google Chrome呈现页面的其余部分,但直到网页字体已加载,它会显示一个空格来代替使用该字体的文本[来源:http://code.google.com/apis/webfonts/docs/technical_considerations.html#Browser_Behavior]。但是,如果用户使用Windows 7上的Chrome 11.0.696.68显示带有rgba alpha值(非1)的文字阴影的Google Web字体,Google Web字体将永不呈现。所有其他浏览器都准确地呈现代码。即使OSX上的Chrome 11.0.696.68也能正确呈现代码。是否有人可以验证下面的测试用例在Windows 7上的谷歌浏览器中不起作用。请列出您是否在Windows 7上找到适用于下面测试用例的Chrome版本。验证请:Google Web Fonts + Google Chrome 11.0.696.68 + Windows 7 + text-shadow(with rgba)=失败
这里是我的测试案例:
<!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>
你应该回到SO,我们想念你! (或者至少我这样做,因为你可以upvote我的回答:) – drozzy 2011-09-28 11:31:38