web-dev-qa-db-ja.com

CSS定義のフォントが見つかりません

可能性のある複製：
@ 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 "

これを機能させるために欠けているものについて教えてください。

csswebfonts
27
Shawn de Wet

解決策を見つけた here ...

問題は、IISは、方法を指示しない限り、これらの新しいファイルを提供する方法を知らないということです。これは、web.configの<system.webServer>の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のような行。

68
Shawn de Wet

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

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

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

7
Amrik Singh

パブリックフォルダー（ここではcss）--->フォントフォルダー（ここにフォント-NuvoWeb-Medi.eot）

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

引用記号font-family： 'NuvoWeb'を逃しました。

2
ShibinRagh