Reemplazo de textos - una comparación

Como diseñadores, la web siempre ha sido bastante limitada en cuanto a opciones tipográficas. Sobre todo para aquellos que vienen del mundo impreso, es difícil conformarse con Verdana, Arial, Helvetica y Times New Roman. Hay muchas técnicas para reemplazar el texto para presentarlo con la tipografía que queremos. Este artículo presenta las características, ventajas y desventajas de las más comunes.

Imágenes

La forma más sencilla y más común para utilizar una fuente no-standard es simplemente poner una imagen en vez del texto. Es importante que esta imagen tenga el mismo texto en el atributo alt, para aquellos usuarios que no tengan habilitadas imagenes o que tengan problemas de visión.

Es sencillo. No se necesitan conocimientos técnicos. Es bastante infalible, ya que si el usuario no puede ver las imagenes, podrá acceder al texto alt.

Hay que hacer cada imagen y colocarla manualmente. Al imprimir, las imagenes se pueden ver pixeladas.

Imágenes y JavaScript

Peter-Paul Koch desarrolló un script que, basado en la clase de un elemento, lo reemplaza por una image, tras verificar que el usuario permite tanto javascript como imagenes.

Si el usuario no soporta imagenes, obtendrá el texto con los estilos CSS correspondientes, en vez de solamente el texo ALT. Esto es particularmente util para los buscadores. El proceso de reemplazo es automático.

El diseñador aun tiene que crear y nombrar cada imagen.

Dynatext

En la técnica descrita en A List Apart, Stewart Rosenberger propone una técnica que, empleando php y javascript checa que el usuario pueda usar imágenes, genera una imagen con el texto y la fuente que se quieren reemplazar, y lo reemplaza automáticamente.

El diseñador no tiene que generar las imágenes, lo cual lo hace muy práctico para contenidos dinámicos o para sitios que se actualicen constantemente. Se pueden especificar estilos en CSS para cuando no se muestre la imagen, y para impresión.

Se necesita un servidor que soporte php, y además tenga soporte para GD, que permite crear las imágenes.

Usuarios que han visto este tema también han visto...

- Pensar en usabilidad: la peor manera de pensar
- Diseño y Estructura de Páginas Comerciales
- Los consumidores online tienden a insensibilizarse frente al márketing
- El mito de la buena idea
- Buscadores: Fin del viaje gratis.

- Versión imprimible de este documento

- Enviar por e-mail este documento