Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS、字体、Squirrel生成器_Css_Font Face - Fatal编程技术网

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
适用于所有现代浏览器。