cross-browser "a prueba de balas" CSS3 @ sintaxis font-face

Question

he visto muchos intentos de una sintaxis @ font-face entre navegadores, incluyendo el:

• Bulletproof @font-face syntax (específicamente el smiley variation)
• Mo’ Bulletproofer @Font-Face CSS Syntax
• The New Bulletproof @Font-Face Syntax
• ... y algunos otros.

¿Cuál es la mejor? ¿Cuál tiene el mejor soporte de navegador?
No me preocupo por la compatibilidad con IE 5, :) pero no quiero que un navegador tenga que descargar varias versiones de la misma fuente.

Gracias chicos!

Answer 1

The New Bulletproof @Font-Face Syntax es la última iteración, por lo que su mejor opción es usar esa.

Si está interesado en las diferentes sintaxis y cómo llegaron a ser (y por qué se necesitan todos esos hacks extraños), sugeriría watching Jake Archibald’s #fronteers11 presentation. Slides are here.