Como usar tipografía creativa en la web

Enter dynamic text replacement. In addition to font stacks, why not replace the heading text with an image, embedded font, or bit of Flash? The methods described below are easier than they sound. And the end result is that the vast majority of users will see the beautiful typography you want them to see. Rich Typography On The Web: Techniques and Tools « Smashing Magazine

A pesar de que ya los navegadores modernos soportan font-face en CSS para usar distintas fuentes tipográficas en una página, y no sólo las que el usuario tiene instaladas en su equipo, aún quedan muchos que no han actualizado y la selección de fuentes que se pueden poner (legalmente) en una página sigue siendo más o menos limitada.

Smashing Magazine hizo una recopilación de herramientas disponibles para reemplazar fuentes dinámicamente permitiendo a los visitantes ver cualquier tipografía que hayas elegido. La mayor parte de estas técnicas hace uso de Flash así que el visitante necesitará tenerlo instalado, además de que muchas veces se ve un parpadeo cuando se hace el cambio de fuente.

Sin embargo es bueno tenerlas en mente a la hora de diseñar. No es recomendable usarlas para cambiar el texto del cuerpo de la página, pero sí encabezados y títulos.

Tipografía en HTML

Un buen tipo de letra puede hacer que tu sitio se vea más interesante, dinámico y original, pero no siempre es fácil usar el que más te gusta. De Robertobaca.Net

El asunto de la tipografía en las páginas de internet es uno de los más complicados. Por lo general, para una página web en html sólo puedes usar los tipos de letra que la computadora de tu visitante tenga instaladas y como no sabes que tipos de letras ha instalado cada quien lo más seguro es usar la tipografía incluida en los sistemas operativos.

Son los más seguros porque casi todo mundo los tiene. Si deseas usar otros que no estén en la lista lo puedes hacer, pero el navegador va a revertirse a uno que sí tenga disponible.

No es necesario usar Arial para todo. Los sistemas operativos actuales incluyen muchos tipos interesantes.

Esto no quiere decir que tengas que usar Arial para todo o que todas los sitios tengan que verse iguales. Como puedes ver en la lista de arriba hay muchas opciones que bien usadas pueden darle a tu sitio más vitalidad y originalidad.

Si aún así esos tipos te parecen limitados o has encontrado la tipografía perfecta para tu sitio pero no es una que sea de las comunes una solución es usar flash. Por lo general flash hace al sitio poco flexible, no estándar e ilegible para quienes no lo tienen y además difícil de encontrar para los robots de google o yahoo.

Pero, puedes usar una técnica llamada sIfr que combina javascript y flash para reemplazar dinámicamente el texto de tu página con tipografía flash. Así puedes usar cualquier tipo de letra que tengas en tu propia computadora.

La ventaja de esta técnica es que si el visitante no tiene flash seguirá viendo el texto de siempre, o sea que puede ser usado por cualquiera sin detrimento y los buscadores lo pueden seguir indexando.