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

Paul Irish发表了关于此事的here

为什么这个@ font-face在IE8中不起作用？

1 个答案: