EDIT:
We’re in Chrome 19 now,and this still isn’t fixed. Just a clarification: this happens in Chrome on Windows,not Linux or Mac. I think it has to do with Cleartype. Google,please fix this.
我一直在使用CSS3文本阴影来模拟IE9在其他浏览器上的字体平滑.基本上我刚刚将容器文本的文本阴影设置为容器的背景.您可以通过将文本阴影设置在比Chrome 14.0.833中低的字体元素中,以查看行为.文字看起来很流畅.删除文本阴影和字体看起来锯齿状.
不过,在Chrome 14.0.833(更新：显示为14.0.834中也出现“破”),这不再适用. text-shadow属性仍然有效,但并不像以前那样.您可以看到行为here(只是加载与diff.Chrome版本)
看起来好像在较旧的Chromes文本阴影开始在文本内部,然后展开 – 这也许是为什么文字阴影黑客工作.在较新的Chrome中,文本阴影似乎在文本外部开始,这就是为什么它不起作用.看看我的意思here.
我的问题基本上是这个bug？哪个是预期的行为,如果有的话？有没有其他字体平滑的解决方法我可以使用？
解决方法
首先,-webkit-font-smoothing：抗锯齿;仅适用于Mac,而不适用于Windows.
我在Windows7上,我创建了一个分层的Pixlr图像,屏幕截图我做了一个JSfiddle,有4个不同的元素,不同的文字阴影应用于每个.您可以清楚地看到,Chrome13和Chrome 14.0.835的文本阴影已经更改.我不得不在Beta和Dev频道之间切换几次,因为我搞砸了,卸载等等.
下载我制作的分层Pixlr图像文件：
http://dl.dropbox.com/u/7353877/Chrome-text-shadow-v13-v14_0_835.pxd
然后去http://pixlr.com/editor/,选择从电脑打开文件,打开文件.
现在,在Pixlr中,放大到四行文本,顶层图层面板中点击复选框,取消选中,然后重新检查一遍,看看文本阴影的变化是多么的激烈.
这应该作为一个bug提交.如果需要,可以使用返回此页面的链接来显示效果.
JSfiddle(我在截图中使用的JSfiddle)
http://jsfiddle.net/nicktheandroid/Xkp9q/
一小时前我在微波炉里放了一块馅饼….很冷
