我的自定義字體不想在Internet Explorer中工作

我正在嘗試在我正在使用的網站上使用綠色枕頭和Cotidiana字體。我已經加載使用@字體面的.eot文件，但它仍然沒有工作...我的自定義字體不想在Internet Explorer中工作

真的不知道我做了什麼錯在這裏：

@font-face { 
font-family: "link_font"; 
src: url("Greenpiloww.eot"); /* IE */ 
src: local("GreenPillow"), url("GREENPIL.otf") format("truetype"); /* non-IE */ 
} 


@font-face { 
font-family: "twitter_font"; 
src: url("Cotidiana.eot"); /* IE */ 
src: local("Cotidiana"), url("Cotidiana.ttf") format("truetype"); /* non-IE */ 
}

來源

2012-01-19 sanjaypoyzer

+12

***嘆息*** ......如果每次我對自己說的話，只有我有一個$$$，*「哎呀，這可以在每個瀏覽器中使用，但Internet Explorer。」* – rdlowrey

您是否聽說過的Cufón？值得一看：http://cufon.shoqolate.com/generate/ – Magrangs

那麼應該工作，你用什麼來轉換字體？ –

你可以嘗試下面的語法，被稱爲bulletproof font-face syntax：

@font-face { 
    font-family: 'MyFontFamily'; 
    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'); 
    }

顯然，查詢字符串後.eot字體有助於IE不嗆。如果您沒有.svg或.woff版本的字體，只需刪除這些行。

來源

2012-01-19 18:31:30 Interrobang

非常感謝，解決了這個問題。惱人的是，微軟的字體渲染是如此糟糕，但啊。 – sanjaypoyzer

我已經有了這個答案中描述的代碼，但是在IE中它仍然沒有工作。我發現F5-ing和加載不同頁面的組合是IE需要共同行動的。 – KSwift87

我的自定義字體不想在Internet Explorer中工作

回答

相關問題