CSS、字体、Squirrel生成器
我试图通过了解生成的代码,以下是输出:CSS、字体、Squirrel生成器,css,font-face,Css,Font Face,我试图通过了解生成的代码,以下是输出: @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')
@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')
甚至是必需的,我确实理解,所以我理解:src:url('someFont.eot?#iefix')格式('embedded-opentype'),
但是第一个src
的原因是什么
最后要注意的是,在
someFont.svg
之后出现#someFont
的原因是什么?是否需要它来防止某种错误?src:url('someFont.eot')
用于IE9兼容模式,而src:url('someFont.eot?#iefix')格式('embedded-opentype')
用于IE6到IE8。我理解,但为什么不将src:url留给IE9呢('someFont.eot?#iefix'
?这就是IE的工作方式,即使对于IE9+,这两个都不会工作,但是woff
会。据我所知,第一行是IE9,因为它不理解src:url('someFont.eot?#iefix'
,第二行src:url>)('someFont.eot?#iefix'
用于IE6-IE8,而woff
用于IE9+,对吗?SVG
是字体的矢量重建,所以我想它需要字体名。woff
适用于所有现代浏览器。