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

标签 css fonts embedded-fonts webfonts

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

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

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

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

最佳答案

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

text-shadow: 0 1px 1px white;

关于css - Windows 7 上的 chrome、safari 和 ie 中的 Google 网络字体 - 参差不齐、大小不一,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8381287/

相关文章:

macos - OS X PDF : Get Font Information

css - 将字体嵌入到html中

html - 拉维尔 5 CSS : link only the image not the full width of the column

css - 使用css定位图像右上角

html - 网格模板列在网格中不起作用

javascript - 优化 Canvas 中的文本渲染 - truetype 与位图字体的渲染速度

javascript - contentEditable ExecCommand "bold"无法触发

iphone - 如何从 ttf(TrueType 字体)文件中编辑或删除字形?

android - 嵌入式字体仍显示在 iOS 应用程序中,但在 Android 应用程序中消失了

java - 在 Java 应用程序中使用自定义字体时出现打印问题