2012-09-19 116 views
3

我想導入一些字體在我的網站中使用,我使用的是Google製作的這段代碼。導入字體Internet Explorer

HTML

<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Cuprum:400,700' rel='stylesheet' type='text/css'> 

CSS

font-family: "Droid Sans", sans-serif; 

它的作品在Firefox和谷歌瀏覽器,但IE8沒有,爲什麼呢?

EDITED:Adobe公司創造一些像谷歌和腳本是比谷歌更好,因爲它是唯一WOFF格式,它是not supported by IE8提供在Internet Explorer中的工作是完美的(更http://html.adobe.com/edge/webfonts/

回答

6

這裏:http://www.fontsquirrel.com/fontfacedemo/Droid-Sans你可以下載所有需要的格式相同的字體。

然後,將下面的代碼添加到您的主CSS:

​​

所以,你就可以繼續使用這種字體。

請注意,字體的文件必須位於樣式表的同一個文件夾中。

0

Google爲IE返回的CSS包含@font-face woff字體,該字體僅在IE9及更高版本中受支持。

+0

[每MDN(https://developer.mozilla.org/en-US/docs/CSS/@工作font-face),IE8不支持woff或svg字體的「@ font-face」。我確實相信我指出了這一點。 –

1

Google服務生成的字體文件有問題,至少從IE的角度來看。 IE 9也沒有將Droid Sans顯示爲Google提供的服務,並且我檢查了Google的檢查模式(F12),即Google向IE發送了EOT文件和WOFF文件。

這個問題涉及到一些字體只能是間歇性的;比照例如這個問題How to make Google Fonts work in IE?

因此,使用FontSquirrel生成的文件和本地託管人GionaF的建議似乎是要走的路,

0

我使用@import代碼谷歌字體提供時有問題與IE8。在遵循Google Fonts問題排查工具的建議之後,我將@import語句中引用的URL粘貼到IE中,以查看是否遇到了可幫助我追蹤問題的錯誤。它所做的是下載一些@ font-face代碼,然後我將它們放在CSS文件中以代替@import行,現在在IE8和Chrome中都可以正常工作。我已經在iPad(Safari)上進行了測試,並且對此也感到滿意。

這可能適用於一些但不能保證!希望這可以幫助其他人,但我有這個問題一段時間,這是一個真正的痛苦。這似乎已經修復了......與此同時!

0

只需添加sans-serif作爲您的字體。

像這樣:

font-family:'fontname', sans-serif; 

無襯線使得它在每一個瀏覽器