IEの@ font-face：フォントをダウンロードしないでください。

Question

以下のようにIEの特定のフォント-face宣言を使用して：私は、フォントがシステムフォントとして存在していても、見ることができるものから、

@font-face{ 
    font-family:'Arial Narrow'; 
    font-style:normal; 
    font-weight:normal; 
    src:url('../fonts/ArialNarrow.eot'); 
    src:local('Arial Narrow'), 
    local('ArialNarrow'), 
    url('../fonts/ArialNarrow.eot') format('embedded-opentype'), 
    url('../fonts/ArialNarrow.woff') format('woff'); 
} 

は、それが私のシートはすべての時間を提案しているフォントのダウンロードを主張。より効率的になるために、必要ならばIEでフォントをダウンロードするしか方法はありませんか？

Answer 1

@font-face{ 
    font-family:'Arial Narrow'; 
    font-style:normal; 
    font-weight:normal; 
    src:local('Arial Narrow'), 
    local('ArialNarrow'), 
    url('../fonts/ArialNarrow.ttf') format('truetype'); 
} 

IE 6/7/8および下部/ IE9 +に互換モードWITH ：リンクされているフォントをダウンロードします。

Firefox/Opera/Chrome/Safari/IE9 + WITH互換モードオフ：利用可能な場合はシステムフォントを使用します。システムフォントが利用できないときにリンクフォントをダウンロードします。

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

グッドニュース：

互換モードはオフに強制されフォントはすべてのブラウザにキャッシュされます。彼らは一度だけダウンロードする必要があります。

最終回答：互換モードをオンにしてIE 6/7/8とIE 9以降で@ font-faceファイルをダウンロードすることはできません。

Answer 2

「Arial Narrow」を指定している場合は、@ font-faceを使用しないことをお勧めします。これは非常に一般的なフォントであり、大多数のユーザー（Windows & Mac）にインストールされます。私は単にあなたの通常のフォントスタックにフォールバックフォントを指定します：

body { 
font-family: "Arial Narrow", Arial, Helvetica, "sans-serif"; 
} 

あなたはあまり一般的で（すなわち「非Webセーフ」）フォントを使用している場合は、あなたのする@ font-faceが設定されていますそれがどのようにすべきかを正確に示します。ここで

は、特定のフォントがWeb上でどのように共通の素晴らしいリソースです：

http://www.speaking-in-styles.com/web-typography/Web-Safe-Fonts/

Arial Narrowのは 'おそらく' を取得します。

@font-face{ 
    font-family:'Arial Narrow'; 
    font-style:normal; 
    font-weight:normal; 
    src:url('../fonts/ArialNarrow.eot'); 
    src:local('Arial Narrow'), 
    local('ArialNarrow'), 
    url('../fonts/ArialNarrow.eot') format('embedded-opentype'), 
    url('../fonts/ArialNarrow.woff') format('woff'); 
} 

FF /オペラ/クローム/サファリのためにこの宣言：IE6 +は、この宣言で