2013-10-31 130 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 –