0

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

问题在于 Google WebFont 在 Google Chrome 中的显示效果不佳(不是很讽刺)。这是问题的图片:

在此处输入图像描述

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

我用红色在所有有问题的字母下划线。有问题的字母是那些有上升的字母。您可以看到 O、Q、G、S 和 C 的位置未达到应有的位置,但可能高一两个像素。

现在这个问题只发生在谷歌浏览器中。但是,我的 Macbook 上的 Chrome 正在显示正确的字体。只是我的 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;
}
4

1 回答 1

0

Windows 上的 Chrome 总是有抗锯齿问题。

尝试font-size: 1.01em代替 1em 或使用像素值,直到找到可靠的东西。

字体大小为 1.01em 的示例: 在此处输入图像描述

于 2013-10-31T13:05:34.227 回答