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

保罗爱尔兰人在这里发表了关于这件事的文章