Chrome和Google網絡字體有問題。顯示來自Firefox的不同輸出

我在使用谷歌網頁字體作爲我的頁面，但我從Firefox獲得了不同的Chrome瀏覽器結果。 Firefox的結果是正確的，我不知道Chrome爲什麼會這樣做。Chrome和Google網絡字體有問題。顯示來自Firefox的不同輸出

代碼很簡單

intro { font-family: 'Open Sans Condensed', sans-serif; font-size:33px; line-height:38px; color: #404040;} 
logo { font-family: 'Open Sans', sans-serif; } 

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic&subset=greek' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600&subset=greek,latin' rel='stylesheet' type='text/css'> 


<logo>Logo goes here</logo> 
<br><br> 
<intro>Text goes right here</intro>

或者你可以在http://jsfiddle.net/KSVTA/或http://fiddle.jshell.net/KSVTA/show/看到瀏覽器不使用開放三世簡明的。

這是爲什麼，我該如何解決？

來源

2011-09-21 EnexoOnoma

Open Sans Condensed由font-style: italic定義，因此您需要將該樣式應用於第二個文本：http://jsfiddle.net/KSVTA/1/。

該字體的CSS文件如下：

@media screen { 
@font-face { 
    font-family: 'Open Sans Condensed'; 
    font-style: italic; 
    font-weight: 300; 
    src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url('http://themes.googleusercontent.com/static/fonts/opensanscondensed/v3/jIXlqT1WKafUSwj6s9AzV1qvxng10Zx7YyzmqNB25XX3rGVtsTkPsbDajuO5ueQw.woff') format('woff'); 
} 
}

你可以看到斜體的定義。

來源

2011-09-21 15:52:38 pimvdb

如果你給你的「前奏」的CSS屬性

font-style: italic;

然後正常工作在Chrome中。

此外，你可能想要read this older question關於非標準的HTML標籤。

來源

2011-09-21 15:53:55 Pointy

Chrome和Google網絡字體有問題。顯示來自Firefox的不同輸出

回答

相關問題