2011-03-29 67 views
7

我正在site,使用自定義谷歌字體,但在IE8不工作或只是部分(左內容好,一個正確的內容,AJAX,不太好)任何建議或想法爲什麼不那麼好?ie 8問題與自定義谷歌字體

謝謝。

enter image description here

+0

我更新我的回答,我忘了保持兼容... – Littlemad 2011-03-29 15:12:11

回答

13

我剛纔看到在兼容模式下您的網站在我的IE9的IE8,和我沒有看到任何字體的問題。 我跑7號窗口,請你張貼你的問題照片?

enter image description here

更新:我忘了一件重要的事......檢查一下保持兼容。 IE7和IE8與font-face只有「部分」兼容性。

要解決,你必須使用類似這樣的代碼問題,並轉換字體

@font-face { 
font-family: 'MyFontFamily'; 
src: url('myfont-webfont.eot?') format('eot'), 
    url('myfont-webfont.woff') format('woff'), 
    url('myfont-webfont.ttf') format('truetype'), 
    url('myfont-webfont.svg#svgFontName') format('svg'); 
} 

谷歌只使用WOFF,當你需要加載EOT,trutype和SVG以及全交叉瀏覽器兼容性。

您可以輕鬆地Font Squirrel轉換字形,從 http://themes.googleusercontent.com/font?kit=tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA

下載字體欲瞭解更多有關此事http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

+0

在IE9它做工精細,如果你使用IE8,而不是與IE8兼容的IE9,不工作,我不知道爲什麼。 – 2011-03-29 14:38:56

+0

我目前無法在IE8本機上測試,但我認爲我解決了我的更新問題 – Littlemad 2011-03-29 15:12:45

+2

@Littlemad:+1優秀的鏈接fontspring.com之一。 – 2011-07-28 15:29:40

0

在IE9和IE7兼容模式下使用IE9它顯示的罰款;在使用IE8的IE8和IE7兼容模式下,它看起來非常糟糕,所以我不得不得出結論,這是IE8本身中一些不明確的錯誤。

我不認爲你可以做的很多,所以要解決它我只是使用條件註釋來解決IE8和IE7,並使用verdana該部分。並希望他們很快就會走了......

0

FOR IE10及以下所有其他瀏覽器使用

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?'); 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
}