我希望有人可以帮助我解决这个问题,
问题在于 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;
}