我希望有人可以帮我解决这个问题,
问题在于Google WebFont在谷歌浏览器中显示效果不佳(具有讽刺意味的是不是这样)。这是问题的图片:
这里是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;
}
答案 0 :(得分:0)
Windows上的Chrome始终存在抗锯齿问题。
尝试使用font-size: 1.01em
代替1em或使用像素值,直到找到强大的内容。
1.01em font-size的示例: