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。