font-face - この @font-face が IE8 で機能しないのはなぜですか?

Question

私は非常に多くの異なるバリエーションを試しましたが、これはどれも IE では機能しません:

@font-face {
    font-family: 'Friday';
    src: url(../fonts/callie.eot);
    src: local('☺'), url(../fonts/callie.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}

Answer 1

IE 6-8 のプロパティ (およびその他のいくつか) を忘れています。

@font-face {
    font-family: 'Friday';
    src: url('callie.eot');                                    /* IE9 Compat Modes */
    src: url('callie.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('callie.woff') format('woff'),                    /* Modern Browsers */
         url('callie.ttf')  format('truetype'),                /* Safari, Android, iOS */
         url('callie.svg#svgFontName') format('svg');          /* Legacy iOS */
    }

ソース: http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

Font Squirrel Generatorを使用して、新しいファイルと有効な CSS を生成することもできます

そして、ポール・アイリッシュはこの問題についてここで発表しました