Tipografías exactas en la web

Editado a las 10:18 del 2005-12-17

Como cualquier diseñador gráfico sabe, una página web no es el lugar más adecuado para montar unos fuegos artificiales con la tipografía. Cierto es que la cosa ha avanzado mucho desde los tiempos en que veíamos las páginas con fondo gris en Mosaic y las especificaciones CSS permiten manejar los tipos que aparecen en la página con bastante flexibilidad: si un usuario no tiene instalado un tipo de letra, podemos especificar cuál se usará en su lugar. Pero esto a veces no es suficiente y además supone una restricción a la que no se enfrenta el diseñador gráfico cuando plasma su trabajo en papel o en otros formatos electrónicos como PDF.

Existe una solución basada en Flash que se llama sIFR Es una solución buena porque está distribuida bajo la licencia CC-GNU LGPL (podeis descargar el paquete aquí)

La técnica, descrita con detalle en este artículo consiste simplemente en marcar el texto que deseamos mostrar con cierta tipografía y adjuntar código Javascript con nuestra página. Si Flash no está instalado (o se encuentra inhabilitado con FlashBlock) el texto se mostrará tal cual en la página web, pero si el entorno de navegación del usuario es el adecuado se crean películas Flash que muestran el texto con el tipo de letra y tamaño deseados por el diseñador (aunque el usuario no lo tenga instalado)

Lo interesante es que además el documento sigue siendo accesible, porque sIFR actúa sólo en el nivel de presentación del documento, no sobre el documento en sí.

(Gracias, Canteli)


5 comentarios

Referencias (TrackBacks)

URL de trackback de esta historia http://hronia.blogalia.com//trackbacks/35741

Comentarios

1
De: Dr. Pepix Fecha: 2005-12-17 16:33

Casualmente, aterricé en esa página hace unos días. El método es ingenioso y tiene la v
entaja de que se redimensiona si el usuario cambia el tamaño de la ventana del navegado
r (aunque tiene que refrescar la página). Por otra parte, requiere un editor de Flash p
ara personalizar los textos, motivo por el que creo que no lo voy a usar de momento :(

Un método alternativo es el de usar un gráfico que tape el texto que, si bien no se red
imensiona, entra en los índices de los buscadores y lo pronuncian en voz alta los lecto
res para personas con visibilidad reducida o nula. Y no requiere Flash. Un ejemplo de e
ste sistema se describe en http://wellstyled.com/css-replace-text-by-image.html

(a ver si esta vez consigo publicar el comentario, 2 veces desde w3m/emacs no se ha podido)



2
De: Dr. Pepix Fecha: 2005-12-20 13:32

In unrelated news... en http://www.webcredible.co.uk/ regalan su libro de ergonomía en páginas hasta el día 23 (valorado, según ellos, en 170 libras).

Interesados en obtenerlo, pasen directamente a la página. Me dan comisión de los regalos (el 10% de 0 es 0).



3
De: Epaminondas Pantulis Fecha: 2005-12-20 14:27

#2: El texto está bien (¡gracias por la info!) pero me parece que no pagaría 170 libras por él.



4
De: Dr. Pepix Fecha: 2005-12-22 00:05

#3: A mí me pasa igual, la gracia del texto es tenerlo todo junto en vez de desperdigado por el intenné. Pero vamos, 170 libras... yo tampoco las pagaría.



5
De: Ismael Fecha: 2005-12-22 13:30

No. Si la solución está basada en Flash, no puede ser buena. Repite conmigo.



Nombre
Correo-e
URL
Dirección IP: 54.81.195.240 (f064189966)
Comentario
¿Cuánto es: mil + uno?