自定义字体，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 */ 
    }