2011-09-30 55 views
0

出於某種原因,當我在IE9中查看this page時,所有的@ font-face字體看起來都比他們應該的小,也可能就像一個不同的字體。據我所知,關於我的語法的一切應該與IE9合作。其他人在複製問題時遇到了問題,所以也許這是我的Windows字體設置中的東西?無論哪種方式,如果你想嘗試複製我所看到的,我在Windows 7 64bit上運行IE9。IE9中這些@ font-face字體有什麼問題?

編輯:我不確定這是否與頁面有問題,或與我的瀏覽器有問題。無論哪種方式,我需要修復它。

+0

以及我檢查ie8贏64bit,它看起來很好 – Bala

+0

無法在我的Windows 7 64位機器上的IE 9中重現。 –

+0

也許這是我的機器上的某些設置的問題。我再次檢查IE的字體設置是否爲默認設置,我試着將ClearType關閉,然後重新開啓。沒有運氣。我不知道我會檢查其他設置。 –

回答

0

看起來相同我在IE9作爲其他瀏覽器,沒有正在使用的嵌入字體,由於其不同的名稱(HelveticaMD VS在使用中的實際名稱該CSS,Helvetica。)

它看起來像你的「錯誤的」截圖是試圖實際使用嵌入式字體的瀏覽器,而「正確的」截圖只是默認的字體。如果這就是你想要的,只是擺脫字體嵌入的東西。

+0

就是這樣。謝謝。 –

0
@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff') format('woff'), /* Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
    } 

使用例:

@font-face { 
    font-family: MyFont; 
    src: url(http://mysite/fonts/MyFont.ttf) 
     format("embedded-opentype"); 
} 
p {font-family: MyFont, serif; 
} 
+0

謝謝,但我已經看到了這種語法。我已經嘗試了這一點以及其他幾種語法,似乎沒有任何改變這個問題。 –

0

.woff解決了IE9中的問題。我已經使用Chrome瀏覽器。Chrome的Chrome瀏覽器爲&。和.woff的IE9。現在3個瀏覽器工作正常,並顯示相同的結果。以下是CSS中的代碼。 @ font-face {font-family:'cert_fonts'; src:url('../ fonts/GoudyTrajan.eot')格式('eot'); src:url('../ fonts/GoudyTrajan.woff')格式('woff'); font-weight:normal;字體樣式:正常;}