Es sabido que cuando hablamos de familias de tipografías en el diseño web las posibilidades no son tan amplias, lamentablemente la disponibilidad universal de las distintas tipografías en los distintos sistemas operativos no es tan grande como a muchos nos gustaría, por lo cual, si queremos usar alguna tipo media extraña en modo plano la cosa se complica.
No obstante podemos usar ciertas técnicas para reemplazar el texto por imágenes, como lo explique hace un tiempo en el tutorial de FLIR, pero existe otra posibilidad mas simple para los que no quieran enredarse ni con una linea de código, la misma viene de la mano del sitio Typekit.com.
El funcionamiento es bastante simple.
1. Colocamos las rutas a los archivos javascript que precisa el sitio para realizar la conversión de los textos.
2. Desde el panel de control de Typekit.com creamos los distintos estilos, definiendo a cada uno un selector CSS que luego usaremos en el código del sitio en cuestión al que le deseamos colocar la nueva familia de letras.
3. Colocamos los estilos donde corresponde y listo!
El sistema tiene varias ventajas. Por ejemplo la primera y principal es que se encarga plenamente del proceso de conversión de los textos a imágenes, por lo que nuestro servidor ni sentirá que se realiza esta tarea. Otro punto a favor es que las imágenes se descargar directamente desde su servidor por lo que tendremos una serialización de servidores casi sin querer, aumentando de esta forma la velocidad.
Puntos negativos? Yo veo dos principalmente, el primero es que si el sitio se cae nuestro sitio dejara de mostrar los textos modificados, no obstante se mostrara una tipografía por defecto. Y lo otro negativo que veo es que se trata de una opción de pago, y aunque es relativamente económica no se si realmente merece la pena pudiendo hacer lo mismo de forma gratuita y en nuestro propio servidor.
Web: Typekit.com / Visto en: Go2web20