Google字體未顯示Chrome和IE

我正在使用其包含的Google字體代碼。他們的CSS是這樣的：Google字體未顯示Chrome和IE

@font-face { 
    font-family: 'Oswald'; 
    font-style: normal; 
    font-weight: 300; 
    src: url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot); 
    src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
}

使用這個我創建了一個CSS類

.oswald { 
    font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif 
}

然後，我使用這樣的

<div class="oswald">text</div>

這裏的地方就有點怪異。我使用Visual Studio，所以當我在本地調試時，我看到了正確的字體。當我把它放在服務器上時，它向我展示了Verdana字體。 Chrome也顯示錯誤的前沿。 Safari和Firefox都顯示正確的字體。

來源

2013-04-26 Jhorra

我已將Oswald Regular轉換爲必需的@font-face格式（TTF，OTF，EOT，SVG，WOFF）。

@font-face { 
    font-family: 'Oswald'; 
    font-style: normal; 
    font-weight: 300; 
    src: url('Archive/Oswald-Regular.eot'); 
    src: local('Oswald'), url('Archive/Oswald-Regular.woff') format('woff'), url('Archive/Oswald-Regular.ttf') format('truetype'), url('Archive/Oswald-Regular.svg#Oswald-Regular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

這裏是鏈接到包含轉換後的字體ZIP檔案：http://www.mediafire.com/?9xdr1w9wyvdoh09

來源

2013-04-26 02:29:38 NONE

它修復了Chrome瀏覽器，IE的任何想法？ – Jhorra 2013-04-26 02:50:06

我發現使用的CSS @import排除了很多更可靠，避免了有需要的字體格式的5倍爲瀏覽器兼容。將其放入CSS文件的頂部：

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

PS。這將包括：奧斯瓦爾德的light（），regular（font-weight: 400）和bold（font-weight: 700）。

來源

2013-04-26 03:31:57 James

這就是我所擁有的，我只是粘貼了他們在這裏展示的CSS，這樣你就可以看到一切。 – Jhorra 2013-04-26 03:33:44

Google字體未顯示Chrome和IE

回答

相關問題