Crea tu kit de @font-face fácilmente
Una de las cosas con las que se lidia a la hora de embeber tipografías en tu sitio web utilizando @font-face en tu CSS, es que no funciona de la misma manera en todos los navegadores.
Solo Safari y Firefox soportan archivo TTF y OTF por igual, mientras que en Internet Explorer debes de convertir las tipografías a EOT, y con Chrome y Opera debes tener la tipografía en SVG =__=U
Si partimos desde una fuente OTF, tendrías que convertirla luego a TTF y usar WEFT (¡que lío! T_T) y muchas cosas más para hacer el SVG.
Pero en Font Squirrel podemos encontrar una gran herramienta que nos ahorrará todo este trabajo: @font-face Kit Generator
Que a partir de una tipografía TTF ú OTF creará los archivos EOT y el SVG para Opera, Chrome y iPhone
Además, nos permite crear una archivo WOFF que tienen varias ventajas (sobre todo en el peso) contra los TTF-OTF, este archivo será soportado por Firefox 3.6
También te ofrecé la capacidad de reducir los glyhps de la fuente para disminuir su peso y corrección errores en su estructura
Una gran herramienta, y por si fuera poco, ya te prepara un archivo CSS con las reglas de inscrustación un HTML de ejemplo (¡Hurra!) listo para descargártelo comprimidito en ZIP
