css - @font-face は Chrome と FF で重複を読み込みます

Question

防弾 @font-face 構文 (font-spring と Paul Irish の両方のフレーバー∞) は、Chrome と Firefox のフォント形式の重複したファイルを読み込みます。私は .woff と .ttf の両方のフォーマットを使用していますが、TTF と WOFF ファイルの両方に対して HTTP リクエストが行われていることを確認しました¶

私はカスケードをいじって、うまくいくように見えるハックを思いついた. TTF の後で src: プロパティを閉じると、ブラウザーはループを断ち切ることができます。

誰かが「私の数学をチェック」して、この恐ろしいハックが合理的な解決策であるかどうかを教えてもらえますか? または、HTTP リクエストの重複を防ぐ別の解決策があれば教えてください。

@font-face {
    font-family:"My Font";
    font-weight:normal;
    src:url('myfont.eot');
    src:url('myfont.eot?#iefix') format('embedded-opentype'),
        local('My Font'),
        url('myfont.ttf') format('truetype');
    src:url('myfont.woff') format('woff');
}

ブラウザーは、逆方向にカスケードする前に、関連する最後のルールを適用するだけです。好みのフォントを最後に指定し、その前にフォールバック形式を追加して逆方向に作業しました。WOFF は対応ブラウザにロードされ、TTF はフォールバックとして使用されます。

会計年度:

∞ 防弾構文。 http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax/

¶テスト済みブラウザ: OS X の Chrome 17 および FF 13、iOS 5.1.1 の Mobile Safari