跨浏览器“防弹” CSS3 @字体面语法

Question

我已经看到在一个跨浏览器@字体面语法许多尝试包括：

• Bulletproof @font-face syntax（特别是smiley variation）
• Mo’ Bulletproofer @Font-Face CSS Syntax
• The New Bulletproof @Font-Face Syntax
• ...和其他几个。

哪一个最好？哪一个浏览器支持最好？
我不担心IE 5的支持，但我不希望浏览器必须下载相同字体的多个版本。

谢谢你们！

Answer 1

The New Bulletproof @Font-Face Syntax是最新的迭代，所以你最好的选择是使用那一个。

如果你对不同的语法以及它们是如何变得有兴趣的话（以及为什么需要所有那些奇怪的黑客），我建议watching Jake Archibald’s #fronteers11 presentation。 Slides are here.