Windows 7 上的 chrome、safari 和 ie 中的谷歌网络字体 - 锯齿状、事物和不同大小

Question

http://i.imgur.com/Uk1dc.jpg

这是我正在开发的网站上的标题的小屏幕截图。我想使用谷歌网络字体（quicksand），它在 Firefox 中看起来很棒。然而它看起来很瘦，锯齿状，最糟糕的是大小不一样，即使它没有跨越整个菜单。

我试过用谷歌搜索这个问题，据我所知，目前似乎无法修复。有没有办法使用这些字体中的一种而不会出现这个问题？我唯一能想到的就是使用图像而不是文本，但我真的不想这样做。

我认为这个问题只有在使用较小的字体时才会变得非常明显。但我仍然认为更大尺寸的差异也没有那么明显。

Answer 1

您可以指定一个与背景颜色相同的text-shadow：

text-shadow: 0 1px 1px white;