web-dev-qa-db-ja.com

IISで設定されているにもかかわらず、woff、ttf、svg、およびeot 404ingのMIMEタイプ

ファイル内でレンダリングするフォントを取得しようとしていますが、通常のエラーが発生しています

Resource interpreted as Font but transferred with MIME type text/html:

しかし、ショーのHTMLファイルは404.aspxファイルです。web.configにアプリケーションをインストールし、最終的にIIS自体に次のようにインストールします。

.woff  application/font-woff
.ttf   application/font-ttf
.eot   application/vnd.ms-fontobject
.otf   application/font-otf
.svg   image/svg+xml

どこが間違っているのか理解できません。ファイルは、サイトのベースディレクトリにあるfontsというフォルダーに保存され、aspxファイル内に次のようなスタイルがあります。

@font-face {
    font-family: 'segoe_printregular';
    src: url('/fonts/segoepr-webfont.eot'); /* IE9 Compat Modes */
    src: url('/fonts/segoepr-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/segoepr-webfont.woff') format('woff'), /* Modern Browsers */
         url('/fonts/segoepr-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/fonts/segoepr-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

およびfontsフォルダー内のstylesheet.cssは次のようになります。

@font-face {
    font-family: 'segoe_printregular';
    src: url('/segoepr-webfont.eot'); /* IE9 Compat Modes */
    src: url('/segoepr-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/segoepr-webfont.woff') format('woff'), /* Modern Browsers */
         url('/segoepr-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/segoepr-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    }

私はファイルパスを/ fonts /として試してみましたが、fonts /だけは役に立ちませんでした。しかし、ファイルを404に戻すことはできません。誰かがサーバーを再起動することを提案しましたが、それでも何も達成できませんでした。

不足しているものはありますか?それとも私が犯した間違い?

それが役立つ場合は、web.configでもこれを試しました

<staticContent>
    <remove fileExtension=".woff" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
    <remove fileExtension=".ttf" />
    <mimeMap fileExtension=".ttf" mimeType="application/font-ttf" />
    <remove fileExtension=".eot" />
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    <remove fileExtension=".otf" />
    <mimeMap fileExtension=".otf" mimeType="application/font-otf" />
    <remove fileExtension=".svg" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>
19
user3740400

答えが必要な人のために。以下が解決策です。参照 http://www.alienfactory.co.uk/articles/mime-types-for-web-fonts-in-bedsheet 詳細.

<remove fileExtension=".woff" />
<remove fileExtension=".eot" />
<remove fileExtension=".ttf" />
<remove fileExtension=".svg" />

<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".ttf" mimeType="application/font-sfnt" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
41
Osa E