字體不工作IE7/IE 8

Question

我想添加一個字體到一個網站，但我不能讓它在IE7和IE8中工作。 它適用於Firefox，Chrome和IE 9.我嘗試了一些我發現的解決方案，但沒有一個能夠工作。 我嘗試這樣做：

@font-face { 
font-family: 'MyriadPro-SemiboldCond'; 
src: url('/static/fonts/MyriadPro-SemiboldCond.eot'); 
src: local('☺'), url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'), url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'), url('/static/fonts/MyriadPro-SemiboldCond.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

也試過這樣：

@font-face { 
font-family: 'MyriadPro-SemiboldCond'; 
src: url('/static/fonts/MyriadPro-SemiboldCond.eot'); 
src: url('/static/fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'), 
    url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'), 
    url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'), 
    url('/static/fonts/MyriadPro-SemiboldCond.svg#MyriadPro-SemiboldCond') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

這對我來說很好，但obviusly我失去了一些東西。我不知道我使用的「MyriadPro」字體是否是問題。

在IE7/IE8中有這樣做的另一種方法嗎？像cufon這樣的JavaScript解決方案使文本無法選擇。

Answer 1

這工作正常，我在IE7 & 8，但如果有這樣的情況發生問題，那麼你應該考慮另一種選擇像googlefonts

@font-face { 
font-family: 'DroidSansMono'; 
src: url('../fonts/droid_sans_mono_regular-webfont.eot'); 
src: url('../fonts/droid_sans_mono_regular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/droid_sans_mono_regular-webfont.woff') format('woff'), 
    url('../fonts/droid_sans_mono_regular-webfont.ttf') format('truetype'), 
    url('../fonts/droid_sans_mono_regular-webfont.svg#DroidSansMono') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

使用谷歌的字體：

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Press+Start+2P' rel='stylesheet' type='text/css' />