Custom fonts en el diseño web

Últimamente ha habido un gran avance en este tema, soluciones de paga como typekit y otras más veteranas y de uso libre como sIFR y Cufon.

¿De qué se trata todo esto? Históricamente el diseño web ha estado atado a unas cuantas fuentes websafe, esto significa que el site se verá con la fuente que seleccionaste en todos los navegadores y sistemas operativos, cuando menos los de más uso.

Soluciones como sIFR basada en js+flash han sido muy usadas pero su implementación no es tan sencilla y como todas las cosas tiene sus desventajas. Cufon usa el navegador para dibujar la fuente en vectores usando VML (Vector Markup Language) para IE y HTML5 Canvas para  navegadores más modernos. Es más rápido que sIFR pero el texto no se puede seleccionar y no se puede agregar un estado de hover sobre el texto convertido.

He usado las dos soluciones, de las dos me gusta más sIFR aunque claro la decisión de la técnica que uses debe ir de la mano del uso que se le vaya a dar, me refiero a que para un sitio puede ser mejor una y para otro sitio otra, dependiendo del uso del mismo.

Typekit

Después vino typekit que es de paga y que ya tiene unos dos años creo en desarrollo, no estoy seguro pero es más o menos el tiempo que tengo viéndolo en blogs y sitios relacionados. Typekit viene a ofrecer una solución muy diferente a sIFR y Cufon. Desde un control panel seleccionas las fuentes que quieres usar —el inventario es limitado, los pesos que quieres usar, en general tienes buen grado de control sobre lo que vas a mostrar a través de CSS, y lo más importante, usa @font-face que es la forma correcta de usar fuentes custom. El problema de las fuentes custom siempre ha sido el licenciamiento de las mismas y typekit viene a solucionar un poco esto porque te sirve fuentes de forma legal por decirlo así.

Typekit hace una llamada a un js que sirve la fuente a tu sitio (sí, la fuente está hosteada en sus servers) y es necesario agregar unas lineas para hacer funcionar el CSS de forma correcta, en realidad es muy sencillo y el resultado es bueno.

Ventajas

• Fácil de usar
• Usas la fuente de forma legal
• Control sobre las fuentes via CSS

Desventajas

• Es de paga
• Catálogo limitado de fuentes
• Generalmente carga primero la fuente original y después es sustituida por la que pagaste, es muy rápido el cambio pero se nota
• A veces tardan en cargar las fuentes porque son servidas de forma remota. El peso aprox. de cada fuente es de 80kb (Normal, Bold, Italic) súmale

Y luego viene Google

Google lanzó en estos días una solución que usa la misma tecnología que typekit pero sin el control panel, se llama Google Font Directory y hace exactamente lo mismo que typekit pero gratis :D. El cagálogo de fuentes es muy limitado pero si quieres probar usando fuentes diferentes a las de siempre en tus sites héchale un ojo. Aquí puedes ver un ejemplo en uso.

Conclusión

Si puedes pagar por una licencia de Typekit hazlo sin quitarle el ojo de encima a Google Font Directory porque con el tiempo va a ir mejorando en funcionalidades y el catálogo de fuentes que es muy bueno actualmente pero reducido.

sIFR y Cufon aún son la respuesta a miles de diseñadores web y van a estar aquí pos un buen tiempo, si tienes tiempo dales una oportunidad así sabrás cuando llegue el momento que solución es la mejor para tu sitio.