我尝试通过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防止某种错误的原因是什么?

最佳答案

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

10-08 20:25