Font FaceがIIS 8.0で機能しない

Font Squirrelから生成されたプログラムにfont-faceがあります。IISで機能させることができません。localhostで機能します。MIMEタイプにapplication / font-woffの 記事を追加しましたが、動作しません。

Context
--Fonts
----font location
--css files

CSS

@font-face {
    font-family: 'wallStreetFont';
    src: url('Fonts/subway-webfont.eot');
    src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/subway-webfont.woff2') format('woff2'),
         url('Fonts/subway-webfont.woff') format('woff'),
         url('Fonts/subway-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

現在のMIMEを編集

デフォルトのIIS 8 MIME font / x-woffを使用しています

WOFF2がFont Squirrelフォントに含まれているのを見るのは素晴らしいことです。IIS 8にはMIMEタイプを追加する必要はありませんが、MIMEタイプには追加WOFFする必要がありWOFF2ます。W3Cは次のことを推奨しています。

application/font-woff2

詳細についてWOFF2は、こちらをご覧ください。

IISにMIMEタイプを追加するには、Web.Config次のように変更します。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <!-- ... -->
  <system.webServer>
    <!-- ... -->
    <staticContent>
      <!-- ... -->
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
    <!-- ... -->
  </system.webServer>

IISでwoffおよびwoff2フォントを正しく機能させるには、次のMIMEタイプをWeb.Configファイルに追加する必要があります。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>  
  <system.webServer>    
    <staticContent>
        <remove fileExtension=".woff" />
        <remove fileExtension=".woff2" />
        <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>

それでもGoogle Chromeで404エラーが発生する場合は、ページをリロードする前にブラウザーのキャッシュをクリアする必要があります。

IISマネージャー内でMIMEタイプを構成することもできます。Webサイトを選択して、メインペインのIISの下にあるMIMEタイプアイコンをダブルクリックします。

次に、既存のすべてのMIMEタイプのリストが表示され、右側のペインの[追加...]リンクを使用して新しいMIMEタイプを追加できるはずです。

WebソリューションのMetro4 UIアイコンを展開し、CDNからコンパイル済みオプションに切り替えるときに、今日この問題が発生していました。

私のプロジェクトはWebSharperプラットフォームを使用して開発されましたが、ソリューションはとにかくこれらの実装の詳細から独立しています。

要するに、のの下のセクション.ttf内に、たとえばのファイル拡張子を追加する必要があることを発見しました。securitysystem.webServerWeb.config

<security>
    <requestFiltering>
        <fileExtensions>
            <add fileExtension=".ttf" allowed="true" />
        </fileExtensions>
    </requestFiltering>
</security>

IISのGUI設定でも同じ構成オプションを使用できます