@font-face私の会社のサイトで使用していますが、機能しているか見栄えが良いです。FirefoxとChromeを除いて、.woffファイルに404エラーがスローされます。IEはエラーをスローしません。フォントをルートに配置しましたが、cssフォルダー内のフォントを試し、フォントの完全なURLを指定しました。これらのフォントをcssファイルから削除すると、404が表示されないので、構文エラーではないことがわかります。

また、fontsquirrelsツールを使用して@font-faceフォントとコードを作成しました。

@font-face {
  font-family: 'LaurenCBrownRegular';
  src: url('/laurencb-webfont.eot');
  src: local('☺'), 
    url('/laurencb-webfont.woff') format('woff'), 
    url('/laurencb-webfont.ttf') format('truetype'), 
    url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontinSansRegular';
  src: url('/fontin_sans_r_45b-webfont.eot');
  src: local('☺'), 
    url('/fontin_sans_r_45b-webfont.woff') format('woff'), 
    url('/fontin_sans_r_45b-webfont.ttf') format('truetype'), 
    url('/fontin_sans_r_45b-webfont.svg#webfontKJHTwWCi') format('svg');
  font-weight: normal;
  font-style: normal;
}

私は同じ症状-Chromeのwoffファイルで404-を経験しており、IIS 6を搭載したWindowsサーバーでアプリケーションを実行していました。

同じ状況の場合は、次のようにして修正できます。

解決策1

"IISマネージャー（Webサイトのプロパティの[HTTPヘッダー]タブ）を介して次のMIMEタイプ宣言を追加するだけです：.woff application / x-woff "

更新：woffフォントとGrsmtoのMIMEタイプによれば、実際のMIMEタイプはapplication / x-font-woff（少なくともChromeの場合）です。x-woffはChrome 404を修正し、x-font-woffはChromeの警告を修正します。

2017年現在：Woffフォントは、RFC8081仕様の一部としてMIMEタイプfont/woffとに標準化されていfont/woff2ます。

Seb Dugganに感謝：http : //sebduggan.com/posts/serving-web-fonts-from-iis

解決策2

Web設定でMIMEタイプを追加することもできます：

  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" /> <!-- In case IIS already has this mime type -->
      <mimeMap fileExtension=".woff" mimeType="font/woff" />
    </staticContent>    
  </system.webServer>

この投稿への回答は非常に役に立ち、時間を大幅に節約できました。ただし、を使用する場合はFontAwesome 4.50、woff2以下に示すように、拡張機能のタイプの追加の設定を追加する必要があることがわかりましたwoff2。

S.Serpのコメントによると、以下の構成を<system.webServer>タグ内に配置する必要があります。

<staticContent>
  <remove fileExtension=".woff" />
  <!-- In case IIS already has this mime type -->
  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  <remove fileExtension=".woff2" />
  <!-- In case IIS already has this mime type -->
  <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
</staticContent>

実際には@Ian Robinsonの回答は適切に機能しますが、Chromeは引き続き次のメッセージで不平を言います：「リソースはフォントとして解釈されますが、MIMEタイプapplication / x-woffで転送されます」

それを取得した場合、

application / x-woff

に

application / x -font -woff

もうChromeコンソールエラーは発生しません。

（Chrome 17でテスト済み）

IIS7のソリューション

私も同じ問題に出くわしました。この構成はすべてのWebサイトに適用されるため、サーバーレベルから行う方が良いと思います。

1. IIS ルートノードに移動し、[MIMEタイプ]構成オプションをダブルクリックします。

2. 右上の[アクション]パネルの[追加]リンクをクリックします。

3. これによりダイアログが表示されます。.woffファイル拡張子を追加し、対応するMIMEタイプとして「application / x-font-woff」を指定します。

.woffファイル名拡張子のMIMEタイプを追加する

IIS 7で問題を解決するために私がしたことは次のとおりです

Ianの答えに加えて、リクエストフィルタリングモジュールのフォント拡張を機能させる必要がありました。

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff" />
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
  </staticContent>
  <security>
      <requestFiltering>
          <fileExtensions>
              <add fileExtension=".woff" allowed="true" />
              <add fileExtension=".ttf" allowed="true" />
              <add fileExtension=".woff2" allowed="true" />
          </fileExtensions>
      </requestFiltering>
  </security>    
</system.webServer>

IISサーバーマネージャーを実行します（コマンドを実行：inetmgr）MIMEタイプを開き、以下を追加します

ファイル名拡張子： .woff

MIMEタイプ：application / octet-stream

アクセス許可やMIMEタイプなど、さまざまなことを試しましたが、結局、web.configがIISの静的ファイルハンドラーを削除し、静的ファイルを含むディレクトリ用に明示的に追加し直したのです。ディレクトリのロケーションノードを追加してハンドラーを再び追加するとすぐに、リクエストは404を取得しなくなりました。

IIS7でCodeIgniterを使用している場合：

web.configファイルで、パターンにwoffを追加します

<rule name="Rewrite CI Index">
  <match url=".*" />
    <conditions>
      <add input="{REQUEST_FILENAME}" pattern="css|js|jpg|jpeg|png|gif|ico|htm|html|woff" negate="true" />
    </conditions>
    <action type="Rewrite" url="index.php/{R:0}" />
 </rule>

それが役に立てば幸い ！

これは明白かもしれませんが、404で何度もつまずきました...フォントフォルダーのアクセス許可が正しく設定されていることを確認してください。

また、URLリライターも確認してください。「奇妙な」何かが見つかった場合、404をスローすることがあります。

ウェブサーバーの設定にアクセスできない場合は、フォントファイルの名前を変更して、svgで終わるようにすることもできます（ただし、形式は保持します）。ChromeとFirefoxでうまく動作します。

MIMEタイプを追加しても機能しない場合は、サイトの認証セクションで「匿名認証」が有効になっているかどうかを確認し、所定のスクリーンショットに従って「アプリケーションプールID」を選択してください。

IIS MIMEタイプ：.woff font / x-woff（application / x-woff、またはapplication / x-font-woffではない）

解決しました：

Mo'Bulletprooferメソッドを使用しなければならなかった