Estas en: Home > Desarrollo, Herramientas > Crea tu kit de @font-face fácilmente
Octubre 27th, 2009 | Ver los comentarios

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.

@font-face Kit Generator

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 :D

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 :o

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 :D

@font-face Kit Generator

Esta entrada fue escrita el Martes, Octubre 27th, 2009 a las 5:59 PM y categorizada bajo Desarrollo, Herramientas. Puedes seguir los comentarios a esta entrada por el feed RSS 2.0. También puedes dejar un comentario, ó un trackback desde tu propio sitio.

« I’m a Mac: Burning Memories
Interfaz basada en movimientos musculares »

Psst! Para dar formato a tu comentario, puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Nota: Recuerda escribir sin errores y en español, no escribir todo en MAYÚSCULAS y respetar a los demás; si tu comentario no cumple estos requisitos será borrado.

Usuarios de Twitter
Ingresa con tu cuenta de Twitter haciendo click en el botón de abajo.