自定義字體，EOT，不工作

Question

我不能讓我的自定義字體在IE7工作，IE8：

http://i-creative.dk/iJob/

它工作在IE9，火狐和Chrome精...

對於Firefox和Chrome的字體是TTF 而對於IE瀏覽器，它在EOT

但是，它只能在IE9 :(

Answer 1

試試這個CSS格式來代替：

@font-face { 
    font-family: 'fontName'; 
    src: url('/path/to/font.eot?') format('eot'), 
     url('/path/to/font.otf') format('otf'), 
     url('/path/to/font.ttf') format('truetype'); 
} 

這是我使用（沒有的OTF，WOFF & SVG代替）。我從來沒有任何的IE瀏覽器不呈現字體。

Answer 2

您需要發送日e EOT文件的正確MIME類型。在Apache中，將此添加到您的.htaccess文件應該工作。

AddType application/vnd.ms-fontobject eot 
AddType font/ttf      ttf 
AddType font/otf      otf 
AddType font/x-woff     woff 

Answer 3

@font-face { 
    font-family: Graublauweb; /*any name for your font*/ 
    src: url('Graublauweb.eot'); /* IE9 Compatibility Modes */ 
    src: url('Graublauweb.eot?') format('eot'), /* IE6-IE8 */ 
    url('Graublauweb.woff') format('woff'), /* Modern Browsers */ 
    url('Graublauweb.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('Graublauweb.svg#svgGraublauweb') format('svg'); /* Legacy iOS */ 
    }