27

重複の可能性:
クライアント サイトで @font-face が機能しない?

ASP.Net MVC Web アプリのこのフォルダー構造には、次のフォント ファイルがあります。

-[根]

|-- パブリック

||--フォント

|||--NuvoWeb-Medi.eot

|||--NuvoWeb-Medi.woff

私の CSS ファイルには、次のフォント宣言があります。

@font-face 
{
    font-family: NuvoWeb;
    src: url(/Public/fonts/NuvoWeb-Medi.eot);
}
@font-face 
{
    font-family: NuvoWeb;
    src: url(/Public/fonts/NuvoWeb-Medi.woff) format('woff');
}

ただし、アプリを実行すると、Firebug は次のエラーを返します。

"NetworkError: 404 Not Found - http://localhost:60194/Public/fonts/NuvoWeb-Medi.woff "

これを機能させるために何が欠けているかアドバイスしてください。

4

3 に答える 3

68

ここで解決策を見つけました...

問題は、IIS がこれらの新しいファイルを処理する方法を指定しない限り、その方法を認識できないことです。<system.webServer>これは、次のスニペットを追加することで、web.config のセクションの web.config で簡単に実行できます。

<staticContent>
    <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
    <mimeMap fileExtension=".m4v" mimeType="video/m4v" />
    <mimeMap fileExtension=".ogg" mimeType="video/ogg" />
    <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
    <mimeMap fileExtension=".webm" mimeType="video/webm" />
    <mimeMap fileExtension=".oga" mimeType="audio/ogg" />
    <mimeMap fileExtension=".spx" mimeType="audio/ogg" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
    <remove fileExtension=".eot" />
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    <mimeMap fileExtension=".otf" mimeType="font/otf" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>

これらの拡張子の一部は、IIS で既に処理されている可能性があることに注意してください (私にとっては、.svg で問題ありませんでした)。これらのマップをこのセクションから削除するか<remove>、.eot のような行を追加する必要があります。

于 2012-04-28T10:24:19.563 に答える
7

次のように MIME タイプを登録web.configします。

<system.webServer>
    <staticContent>
      <remove fileExtension=".eot" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    </staticContent>
</system.webServer>

これで問題は解決します。

于 2012-08-06T08:00:45.063 に答える
2

public フォルダ(ここに css) ---> font フォルダ (ここに font -NuvoWeb-Medi.eot)

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

引用記号を見逃していました font-family: 'NuvoWeb';

于 2012-04-28T07:58:16.180 に答える