4

カスタム フォントを IE7 および IE8 で動作させることができません。

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

IE9、Firefox、Chromeで正常に動作します...

Firefox と Chrome のフォントは TTF で、IE のフォントは EOT です。

ただし、IE9でのみ機能します:(

4

3 に答える 3

3

代わりに、次の 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でフォントをレンダリングしないことは一度もありません。

于 2011-05-11T18:59:36.063 に答える
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 */
    }
于 2012-02-29T03:29:13.907 に答える
0

EOT ファイルの正しい MIME タイプを送信する必要があります。Apache では、これを .htaccess ファイルに追加すると機能するはずです。

AddType application/vnd.ms-fontobject eot
AddType font/ttf                      ttf
AddType font/otf                      otf
AddType font/x-woff                   woff
于 2011-05-11T12:54:11.060 に答える