css - Windows 7 上的 chrome、safari 和 ie 中的 Google 网络字体 - 参差不齐、大小不一

Question

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

这是我正在处理的网站上标题的一个小屏幕截图。我想使用谷歌网络字体 (quicksand)，它在 firefox 中看起来很棒。然而，它看起来很瘦，参差不齐，最糟糕的是大小不一样，即使它没有跨越整个菜单。

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

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

Answer 1

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

text-shadow: 0 1px 1px white;