1

この場合、すべてが正常に機能し、フォントが正しく表示されます。

@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri.eot');
}

しかし、他の形式を追加すると、IE8 でフォントが表示されません。

@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri.eot');
    src: url('fonts/calibri.eot') format('embedded-opentype'),
         url('fonts/calibri.woff') format('woff'),
         url('fonts/calibri.ttf') format('truetype'),
         url('fonts/calibri.svg#CalibriRegular') format('svg');
}

どうしたの？ありがとう

4

2 に答える 2

1

?#iefix複数の src リストに表示される eot には、通常は規則のためにハッシュが必要です。これは理由を説明しています: ?#iefix は IE6-IE8 での Web フォントの読み込みをどのように解決しますか?

@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri.eot');
    src: url('fonts/calibri.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri.woff') format('woff'),
         url('fonts/calibri.ttf') format('truetype'),
         url('fonts/calibri.svg#CalibriRegular') format('svg');
}
于 2013-08-22T15:46:33.387 に答える