fonts - @font-face が IE、Firefox で機能しない

Question

.NET アプリケーションで Font Squirrel から生成された @font-face を使用しています。フォントはローカルで優れたレンダリングを行います。ただし、アプリケーションを公開する場合、IE/Firefox ではなく、サーバー上の Chrome でのみ機能します。私はすべての最新バージョンを使用しています。

.htaccess ファイルをいじって、サーバーの Mime タイプに .otf を追加しようとしましたが、まだ問題があります。

どんな助けでも素晴らしいでしょう。

Answer 1

私はその問題を理解しました。Visual Studioを介してアプリケーションを公開したとき、フォントジェネレーターによって作成されたフォントファイルの12/16が渡されませんでした。そのため、ファイルをWindowsサーバーに物理的に配置しました。

今はすべてが雨のようです。

Answer 2

これは私のコードです:

@font-face {
font-family: 'AsapRegular';
src: url('fonts/Asap-Regular-webfont.eot');
src: url('fonts/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/Asap-Regular-webfont.woff') format('woff'),
     url('fonts/Asap-Regular-webfont.ttf') format('truetype'),
     url('fonts/Asap-Regular-webfont.svg#AsapItalic') format('svg');
font-weight: normal;
font-style: normal;

}

Answer 3

Visual Studio を使用して .NET アプリケーションを公開すると、フォント ファイルの 12/16 がサーバーに移動されないことがわかりました。それらを手動で追加した後、すべて正常に機能していました。

Answer 4

これが役立つ場合、これは私が Font-Face に使用する形式です。

@font-face {
    font-family: 'headings';
    src: url('../fonts/headings.eot');
    src: url('../fonts/headings.eot?#iefix') format('embedded-opentype'),
         url('../fonts/headings.woff') format('woff'),
         url('../fonts/headings.ttf') format('truetype'),
         url('../fonts/headings.svg#headings') format('svg');
    font-weight: normal;
    font-style: normal;
}