如何使用自定義CSS字體？

Question

我正嘗試在Intranet網站上使用自定義CSS字體，但Internet Explorer忽略它。

任何人都可以幫助我嗎？

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

Answer 1

取決於您的IE版本有不同的支持。

注意：http://caniuse.com/#feat=fontface如果你看到你可以看到不同版本的IE的支持各不相同，那麼如果你在IE 6上，你將需要額外的黑客來獲得Web字體的工作。

Answer 2

如果你是IE9然後 -

當@font-face是一個IIS服務器上使用，IE9的用戶可能看不到的字體。這可以通過兩種方式來解決。 1）將WOFF格式添加到MIME類型列表中。或者2）將格式（'eot'）部分改爲格式（'embedded-opentype'）。任何一個人都可以解決IE9的問題。

The New Bulletproof @Font-Face Syntax