開発中の Web ページの CSS に、次の埋め込みフォント フェイスがあります。
@font-face {
font-family: 'myfont';
src: url('fonts/myfont.eot');
src: url('fonts/myfont.woff') format('woff'), url('fonts/myfont.ttf') format('truetype'), url('fonts/myfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
CSS ファイルのさらに下では、次のフォントを使用しています。
#finder-entry-container h1
{
font-family:'myfont', Sans-Serif;
font-size:28px;
color:white;
font-weight:normal
}
このフォントを Web ページで使用すると、Chrome と Firefox でまったく問題なく表示されます。ただし、IE では次のエラーが表示されます。
CSS3111: @font-face で不明なエラーが発生しました。
myfont.eot
さらに見知らぬ人。ローカル ファイル システムから参照すると、ページは問題なくレンダリングされます (この問題のトラブルシューティングに単純な HTML ファイルを使用しています)。
他の誰かがこのような問題を抱えていましたか? ローカル ファイル システムからフォントを参照できるため、フォントが正常に動作することはわかっているので、ファイル変換の問題ではないと思います。私の Web サーバーは IIS 6 を実行しています。すべてのフォントのヘッダーを確認したところ、返される MIME タイプは次のとおりです。
myfont.eot
リターンapplication/octet-stream
myfont.woff
リターンapplication/font-woff
myfont.ttf
リターンapplication/octet-stream
myfont.svg
リターンimage/svg+xml