Los límites de la tipografía en el diseño web
En general, todo diseñador o desarrollador web sabe que hay un límite a las tipografías utilizadas en los sitios. Esto, porque no hay forma de poder llevar la fuente utilizada dentro de la página para que el visitante la vea, al menos no de forma convencional (CSS). De hecho, hay sitios especializados en mostrarnos como se verían los textos con este limitado puñado de tipografías que suelen ser los que ya están instalado en la mayoría de los computadores.
Las más típicas suelen ser Arial, Verdana, Times New Roman, Georgia, Trebuchet MS, y otras más, pero en general, nadie se arriesga a salirse de esos márgenes, por el riesgo de que el visitante no vea el sitio como el diseñador quiere que se vea.
El asunto, es que hoy me topé con un artículo que nos muestra otras tipografías, junto al porcentaje de computadores en que se estima que se encuentran instaladas. El tipo no dice de donde obtuvo estas estadísticas, pero por los valores presentados, se recomienda usar Palatino, Tahoma, Impact, Arial Black, Arial Narrow, sin tener que preocuparse de que una gran mayoria de usuarios no puedan visualizarlas. Bonitas alternativas, ¿no?. De cualquier manera, siempre habrá un hijo de dios que por ahí, no las tenga instaladas.
¿Existen otros métodos para utilizar tipografías cualesquiera en los diseños? Claro, con imágenes y técnicas de reemplazo. El problema es que esto se podría hacer, fácilmente para títulos y textos estáticos, y si quieres hacerlo en textos dinámicos como los títulos de los posts de un blog, Pablo Noel recomienda la técnica de reemplazo con imágenes que utiliza PHP, Javascript y una pizca de CSS. Pero tiene sus limitaciones:
- No se les puede dar id o class a los encabezados
- No se puede utilizar textos muy largos por el tema del cambio de línea (aunque hay otras técnicas para suplir esto)
- Tampoco podrás darle estilos distintos a distintos encabezados en el mismo sitio web
A pesar de todo esto, en tamaños relativamente grandes, se ve muy, muy bien.
¿Otras técnicas? Claro, la de nuestro amigo Flash, sobre la cual acaban de publicar un estupendo artículo en uno de mis sitios favoritos: CSSLab. Acá detallan como poder utilizar sIFR 3, un método que tiene varios años de antigüedad, pero que recién ahora se esta volviendo más popular. Hay algunos ejemplos de su uso realmente notables, no se los pierdan.
¿Quién dijo límites?
