自定义字体，EOT，不起作用

Question

我无法让我的自定义字体在IE7和IE8中工作：

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

它在IE9，Firefox和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

@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 */
    }

Answer 3

您需要为 EOT 文件发送正确的 MIME 类型。在 apache 中，将其添加到您的 .htaccess 文件中应该可以工作。

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