Comunidad de diseño web y desarrollo en internet

Convertir fuentes TTF a EOT, WOFF y SVG para @font-face

En este tutorial veremos las aplicaciones que convierte las fuentes TTF a los formatos que necesitamos para aplicar con @font-face: EOT, WOFF y SVG.

Estas opciones nos servirán como alternativa a font squirrel cuando esta página se cae.


Caso 1: Convertir TTF a EOT, WOFF y SVG




  • Convertir TTF a EOT: kirsle.net



    Al dar enviar, te enviará a una página con un enlace a la fuente que has convertido.

  • Convertir TTF a WOFF oriontevent



    En la página se ve que puedes usar un OTF y obtener WOFF a partir de OTF pero también acepta TTF.

  • Por último para convertir TFF a SVG bajaremos un programa hecho en java y que corre en línea de comandos llamado batik: xmlgraphics



    Antes que nada, requisito previo para esto es tener el java jre, eliges esta distribución, la descargas y ahora dirás, cómo rayos lo hago operar?. Bueno, primero pones tu fuente TTF en la carpeta raíz del batik, vas a la consola de línea de comandos y digitas esto:



    Donde llamas a la aplicación java (batik-ttf2svg.jar), el -id es el nombre interno que te exige esté presente en el @font-face a la hora de declararlo, -o es el output, el archivo de salida en .svg y -testcard es con propósitos de testeo.

    Das enter y ahí lo tienes, en la misma carpeta donde pusiste el TTF en formato SVG.


Caso 2: Convertir OTF o PFB a TTF




  • Toma tu archivo y ve a Free Font Converter y ahí tienes para transformar de cualquier tipo de fuente ahi existente a TTF.

  • Una vez con tu TTF procede a lo que has visto en el Caso 1.


Bueno espero que les haya servido de ayuda, ya que a mí esto me salvó un montón de veces cuando el font squirrel estaba caído.

Sólo resta decir que fue un gusto haber conocido en persona a Freddier que vino a Perú a darnos una gran cátedra de html5 realmente fueron dos días en los cuales he aprendido quizás más de lo que he recorrido en muchos años :) .

Un saludo a todos!!!!
Oliver desde Perú

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate