2013-10-31 73 views
0

我希望有人可以帮我想出解决办法,谷歌浏览器显示谷歌web字体错误

的问题是谷歌浏览器不佳显示谷歌的web字体(具有讽刺意味的是吧)。这是问题的一个画面:

enter image description here

而且这里的链接网站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; 
} 
+0

的图像没有什么帮助。我们需要看看HTML/CSS如何实现字体。至少链接到页面会有所帮助。 –

+0

对不起。编辑它。现在它在那里 –

+0

在W7上的Chrome看起来很好 –

回答

0

Chrome Windows版总是反锯齿的问题。

尝试font-size: 1.01em而不是1em或使用像素值播放,直到您找到稳健的东西。

例与1.01em字体大小: enter image description here

+0

这个技巧。谢谢一堆! :3 –