CSS、字体、松鼠生成器

Question

我尝试通过 Squirrel 理解生成的代码，这里是输出:

@font-face {
    font-family: 'someFont';
    src: url('someFont.eot');
    src: url('someFont.eot?#iefix') format('embedded-opentype'),
         url('someFont.woff') format('woff'),
         url('someFont.ttf') format('truetype'),
         url('someFont.svg#someFont') format('svg');

    font-weight: normal;
    font-style: normal;
}

我不明白为什么第一个src: url('someFont.eot');甚至是必需的，我确实理解 IE problem所以我了解以下要求:src: url('someFont.eot?#iefix') format('embedded-opentype'),但是第一个src的原因是什么？ ？

最后要注意的是 #someFont 的原因是什么在 someFont.svg 之后是否需要它来防止某种错误？

Answer 1

src: url('someFont.eot'); 用于 IE9 兼容模式，而 src: url('someFont.eot?#iefix') format('embedded-opentype ') 适用于 IE6 到 IE8。