css - 减少旧浏览器对 FontAwesome 的支持

Question

我正在为 Blogger 设计一个主题，我选择支持 IE9+。

使用 Font Awesome，它看起来像这样:

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');

我不太了解字体，但我可以删除多少字体？我查看了 caniuse.com，它说 IE9 对 TTF 有部分支持，所有其他浏览器都支持 TTF(opera mini 除外)。我不能只使用 TTF 吗？

Answer 1

阅读以下内容后:

EOT
WOFF
TTF

It seems like IE9 has partial support of the ttf format带有以下注释:

Partial support in IE9 refers to the fonts only working when set to be "installable".

如果你不能接受，你也可以使用 EOT 或 WOFF 来兼容 IE9