CSS字体“脸”#iefix“；

我有一个关于css@font-face的问题。我正在使用这个网站上的以下代码(http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax)

---

为什么“

url（'myfont-webfont.eot？#iefix'）

”这一行的末尾有“

#iefix

”？

这是因为IE8及其以下版本解释字体声明的方式。正常的

url（'myfont-webfont.eot'）

会导致这些IE版本中出现404个服务器错误；添加

？#iefix

修复了服务器问题。（这与IE有条件样式表的原因相同。）

根据Fontspring（直接从源头）：

---

Internet Explorer谢谢。这有助于清除一些内容。如果在

？

之后使用

#iefix

，则结束查询字符串并启动查询。我不知道这是否是有意的，但它可能会避免剩余的

url

s命中任何一个.interest的问题。教养！对于需要使用缓存清除策略、使用重写规则或文件名更改的开发人员来说，这是唯一的选择，因为

file.eot？v1

将不起作用。看看Font Awesome的css的行为，似乎新的IE仍然遵循相同的解析规则。有了Fiddler，我看到IE 11进入了../fonts/fontawesome webfont.eot？#iefix&v=4.3.0规则，而Chrome和Firefox则避免了这一点。

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