跨浏览器“防弹” CSS3 @font-face 语法
我见过很多跨浏览器 @font-face 语法的尝试,包括:
- Bulletproof @font-face 语法 (特别是笑脸变体)
- Mo' Bulletproofer @Font-Face CSS 语法
- 新的 Bulletproof @Font-Face 语法
- ...以及其他一些语法。
哪一个最好?哪一个浏览器支持最好?
我不担心 IE 5 支持,:) 但我不希望浏览器必须下载同一字体的多个版本。
谢谢你们!
I have seen many attempts at a cross-browser @font-face syntax including the:
- Bulletproof @font-face syntax (specifically the smiley variation)
- Mo’ Bulletproofer @Font-Face CSS Syntax
- The New Bulletproof @Font-Face Syntax
- ...and a few others.
Which one is best? Which one has the best browser support?
I'm not worrying about IE 5 support, :) but I don't want a browser to have to download multiple versions of the same font.
Thanks guys!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
新的 Bulletproof @Font-Face 语法 是最新版本,所以您最好打赌就是使用那个。
如果您对不同的语法及其形成方式感兴趣(以及为什么需要所有这些奇怪的技巧),我建议观看 Jake Archibald 的 # Fronteers11 演示文稿。 幻灯片在这里。
The New Bulletproof @Font-Face Syntax is the latest iteration, so your best bet is to use that one.
If you’re interested in the different syntaxes and how they came to be (and why all those weird hacks are needed), I’d suggest watching Jake Archibald’s #fronteers11 presentation. Slides are here.