谷歌webfont顯示不正確的字體重量

Question

我經常使用谷歌webfonts與我的網站項目，但我有一個奇怪的問題，我不知道如何治療。

在我的所有瀏覽器（OS X 10.8.2上的FF，Chrome和Safari）上，Open Sans regular font weight（400）顯示爲半粗體。下面是一個例子，它甚至發生在google's webfont library上：http://i.imgur.com/sZtWW.png

爲了確保這是我的問題，我在瀏覽器中加載了頁面。在browserstack實例中，它顯示了正確的字體重量（Win 7上的Chrome 23）。

有沒有人有任何想法是什麼問題？

Answer 1

您本地安裝的Open Sans字體版本覆蓋了頁面CSS中指定的版本。

谷歌從其網站複製粘貼的默認規則將優先於本地字體。

爲了確保CSS-指定的字體優先，使用CSS指令：

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
}