2016-05-31 5 views
2

.woff,.woff2、および.ttfファイルをMVC 5アプリケーションにロードしようとすると、404エラーが表示されます。私に同じエラーがあるこのpostのガイダンスに従って、何も私のために働いていないようです。以下は、次は私が現在持っているものです。IIS 7とfont awesome .woff 404エラー

私のWeb設定ファイルではIISで

<system.webServer> 
    ... 
    <staticContent> 
     <remove fileExtension=".woff" /> 
     <mimeMap fileExtension=".woff" mimeType="font/x-woff" /> 
     <remove fileExtension=".woff2" /> 
     <mimeMap fileExtension=".woff2" mimeType="font/x-woff2" /> 
     <remove fileExtension=".ttf" /> 
     <mimeMap fileExtension=".ttf" mimeType="font/x-ttf" /> 
    </staticContent> 
    </system.webServer> 

、私は、次の手順を実行しました:接続の下で

  1. 、選択MIMEタイプ
  2. 右クリックし、[追加...]を選択します。
  3. ファイル名の拡張子:.woff MIMEタイプ:font/x-woff

IE 11とChromeの両方でエラーが発生します。私がこれをどのように訂正できるかお手伝いしてください。

+1

Firefoxは正しく読み込みますか? – JoostS

+1

IIS7を使用していますが、これらの提案を試してみましたか? font/x-woff2の代わりにapplication/font-woff2を使用しているようです:http://stackoverflow.com/questions/25796609/font-face-isnt-working-in-iis-8-0 – mmmoustache

答えて

1

さらに調査を行った後、正しく読み込まれなかった理由は、バンドルのためでした。で、私のファイルに次のようしている:私のBundleConfig.csで

私_Layout.cshtmlファイルで
bundles.Add(new StyleBundle("~/font-awesome/css").Include("~/fonts/font-awesome/css/font-awesome.min.css", new CssRewriteUrlTransform())); 

@Styles.Render("~/font-awesome/css") 

私は上記のコードを2枚取り出して、フォントを追加しましたすばらしいファイル_Layout.cshtmlファイル:

<link href="~/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" />