Google Chrome显示Google WebFont错误

时间:2013-10-31 12:14:26

标签: css google-chrome

我希望有人可以帮我解决这个问题,

问题在于Google WebFont在谷歌浏览器中显示效果不佳(具有讽刺意味的是不是这样)。这是问题的图片:

enter image description here

这里是WIP网站的链接:http://klok-bremen.de/noire/index.html

我用红色强调了所有有问题的字母。有问题的字母是那些有上升的字母。你可以看到O,Q,G,S和C是如何定位的,但也许一个或两个像素太高了。

现在只有Google Chrome才会出现此问题。但是我的Macbook上的Chrome正在显示Font。只是我的Windows PC在Chrome上显示这样的字体。

如果这对我的电脑来说是个问题,那就不那么重要了,但是知道造成它的原因仍然很好。

有问题的CSS:

.menu-list li {
color: #fff;
font-family: 'Pathway Gothic One', sans-serif;
font-weight: normal;
font-size: 1em;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
}

1 个答案:

答案 0 :(得分:0)

Windows上的Chrome始终存在抗锯齿问题。

尝试使用font-size: 1.01em代替1em或使用像素值,直到找到强大的内容。

1.01em font-size的示例: enter image description here