すべてのプロジェクトで @font-face を使用していますが、何らかの理由で IE8 では機能しません。サイトはこちらからご覧いただけます: http://milkandhoneyhospitality.com/
通常のブラウザでもわかるように、メインフォントは Bebas Neue で、完璧にレンダリングされています。しかし、これを ie8 に取り込むと、フォールバック フォントの arial が使用されます。IE7でもうまく機能するので、IE8が問題です(下部のスクリーンショット)
私の @font-face は典型的なものです:
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
これがIE8のみで機能しない理由は何ですか?