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

Question

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

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

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

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

Answer 1

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

text-shadow: 0 1px 1px white;