Type at work

Probando el formato web (.woff)

2010-03-28T21:17:00.005+02:00

El nuevo formato woff ha de posibilitar una mejor adecuación de los tipos de repertorio en la pantalla.
Aunque, por el momento, solamente el navegador Firefox 3.6.2 soporta .woff (Web Open File Format), dicho formato va a suponer el fin de las tipografías «por defecto».
Con el formato .woff tendremos a nuestra disposición una mayor disponibilidad de tipos (para lo bueno y para lo malo). En un futuro muy próximo utilizar una Georgia, una Times o una Mercury (por ejemplo) en una publicación electrónica ya no dependerá de una cuestión meramente técnica sino de una cuestión de diseño.
Lógicamente, al igual que ocurre con el soporte papel, habrá unos tipos que funcionarán mejor que otros a determinados tamaños.
La decisión de utilizar una determinada tipografía ya no dependerá de que el usuario las tenga instaladas en su disco duro. La posibilidad de elección estará en manos del diseñador (que para eso está).

A manera de prueba, he cambiado el aspecto de mi página web sustituyendo el tipo Georgia por el tipo Dsignes en formato .woff :
http://www.andreubalius.com/andreutest_woff/index.html
(página sin enlaces activos)
Atención: solamente funciona con Firefox 3.6.2

Se trata de un ensayo. Aunque en Typerepublic se irán ofreciendo las fuentes del catálogo en formato web, no se encuentran todavía disponibles para el uso.

Buenas y malas letras

2010-03-28T19:30:00.016+02:00

¿Podemos considerar lo «bueno» o lo «malo» como algo intrínseco al diseño de una determinada tipografía o familia tipográfica? En términos técnicos, quizás si, en términos estéticos, absolutamente no.

Entiendo esta cuestión como algo totalmente subjetivo, así que lo que voy a exponer a continuación es una simple apreciación personal, sin ánimo de dar más que mi punto de vista sobre este —ya harto discutido— tema.

Los diseñadores a veces experimentamos problemas cuando utilizamos tipografía, sobretodo para la composición de textos. Nos encontramos con fuentes que no están correctamente espaciadas o no disponen de los caracteres necesarios para una correcta –y necesaria– composición del texto en una determinada lengua. En este sentido, seguramente, podríamos etiquetar estas tipografía como «malas», independientemente de su forma. 1

Una «buena» tipografía no se define únicamente por su diseño, más bien se acaba determinando a partir de su uso. Y esto, en cierta medida, no es una cuestión que el diseñador de tipografía pueda llegar a controlar. Ello recae en la habilidad del usuario y en su capacidad para dominar el contexto comunicacional.

Los aspectos técnicos, sin duda, están, ahora más que nunca, en manos del diseñador de tipografía. El control en el dibujo vectorial y la producción tipográfica se consigue gracias al uso de software especializado que, con los conocimientos necesarios, permite generar fuentes con un nivel de calidad elevado.

Los aspectos estéticos son otra cosa. En este punto es determinante la experiencia y formación del diseñador, su bagaje cultural y, por supuesto, sus gustos personales, al igual que ocurre con el diseño gráfico, en general.

Tener en cuenta la tradición es importante, pues cuestiones como la legibilidad dependen en buena medida de nuestra facilidad para reconocer las formas y estas no han variado mucho desde los tipos romanos utilizados por Jenson a finales del siglo XV.

Como se puede observar, el margen de maniobra en el diseño de nuevos tipos de letra no es muy grande, sobretodo si se trata de tipos para cuerpo de texto. Cuestiones de percepción y adaptabilidad a los medios son determinantes para conseguir una buena aceptación por parte de los diseñadores y, en último término, de los lectores.

A comienzos de los años noventa algunas tipografías del sello independiente Emigré se hicieron realmente populares. Tipos como Template Gothic de Barry Deck (1990) poblaron las calles anunciando indistintamente café o ropa interior. El diseño tipográfico californiano estaba desplazando el diseño latino de tipos como Mistral (1953) del francés Roger Excoffon, que había sido el gran hit de los ochenta. Recuerdo que Template Gothic tenía graves problemas con algunas combinaciones de caracteres en la composición de textos en castellano. Los contextos en los que era utilizado este tipo no eran siempre los más adecuados pues, en la mayoría de los casos, se trataba de un uso más ligado a la moda que producto de una elección consciente para la resolución de un problema de comunicación.

Sin olvidar que la moda —como fenómeno cultural— es un valor a tener en cuenta, considero que un uso fuera de contexto de una determinada tipografía es sinónimo de un mal uso tipográfico. En todo caso estas descontextualizaciones, aunque pueden ser interesantes en casos muy concretos, están fuera del control del diseñador de tipos.

Erik Spiekermann considera que las «buenas» tipografías son aquellas que han sido diseñadas para cumplir un determinado fin. Y entre ellas destaca a su tipo Meta, diseñado como tipografía corporativa para el Servicio Postal de Correos de Alemania, el tipo Times, diseñado para dicho periódico o la Frutiger, diseñada para la señalización del aeropuerto Charles de Gaulle, en París.

Ante la gran cantidad de tipos existentes en el mercado se nos hace cada vez más difícil poder distinguir lo «bueno» de lo «malo».

Estoy, pues, de acuerdo con Spiekermann que una tipografía ha de estar vinculada, desde su diseño y desarrollo, a una determinada utilidad. Es más, pienso que ha de haber un motivo que aporte sentido –y razón suficiente– a la existencia de una nueva tipografía.

La ‘bondad’ de una determinada tipografía quizás tenga mucho que ver con esto.

Andreu Balius, 2009

------------------------------------------------------------------------------

 Notas:

1. Por suerte, las mejoras técnicas en las aplicaciones destinadas al diseño de tipografía posibilitan un mayor control en la producción de fuentes y, por tanto, una mejora sustancial en los resultados.

Imprentas en Colombia

2010-03-16T16:34:00.012+01:00

Una de las cosas que más me gusta, a parte de diseñar tipografía, es viajar. Si ambas cosas van juntas... ¿Qué más se le puede pedir a la vida?

En uno de mis viajes a Latinoamérica, en concreto a Bogotá, con motivo de la celebración del evento Letras Latinas 2008, tuve la ocasión de visitar una de las imprentas de la ciudad en la que todavía se imprime con tipos de madera. No quedan muchas. La industrialización de las artes gráficas está desplazando estos tradicionales negocios, normalmente de carácter familiar, que se dedican a la impresión de trabajos de remendería y cartelería.

Hay calles donde este tipo de negocios-tienda se agrupan. Una fórmula de protección y control gremial que todavía se da en países como Colombia o México.

La imprenta «La Candelaria», en Bogotá, fue fundada hace más de un siglo por el Sr. Rafael Lugo Borbón. Del abuelo Rafael, la imprenta pasó al padre y, a la muerte de este, a sus dos hijas Ligia y Cecilia Lugo de Salazar 1, antiguas propietarias del negocio que decidieron venderlo a sus propios empleados. Ellos son ahora los que llevan el negocio y quienes continúan la labor iniciada por su fundador.

Saludé a Jaime, uno de los actuales propietarios y le transmití mi deseo de imprimir un cartel 70 x 100 para promocionar mi fundición tipográfica Typerepublic (algo totalmente inaudito: un cartel impreso con tipos de madera para promocionar una fundidora de tipos digitales). No sé si entendió la ironía pero nos pusimos manos a la obra.
Con él escogí los tipos de entre la gran variedad de formas y tamaños que se acumulan en las torcidas estanterías del pequeño local. Su habilidad para ir componiendo las lineas de texto y traspasarlas, una a una, al molde de impresión era admirable. Sin duda la experiencia acumulada de muchos años de trabajo.

El olor a tinta, el chasquido de la prensa al tirar de la palanca, la vaporosa luz de la mañana se mezclaban con el ritmo de las cumbias que salían de un viejo transistor. Pasamos un buen rato conversando mientras íbamos imprimiendo.
Uno a uno los carteles iban saliendo de la prensa y el aire de la calle ayudaba a secarlos. Para agilizar el proceso, Jaime colocaba hojas de prueba entre cada uno de los carteles impresos con el fin de ayudar a que la tinta secara antes.

Al día siguiente, como si se tratará de una conducta addictiva, volví a la imprenta para repetir la experiencia. El deseo de imprimir otro cartel, esta vez de formato más reducido, para anunciar el evento «Lletraferits 2009» fue la excusa perfecta para transportarme nuevamente a los orígenes del arte de imprimir.
No pude evitar la tentación de sacar la cámara de la mochila y pedirle a Jaime si me permitía sacar unas fotos y grabar durante unos minutos.

El interés de este "post" está en el vídeo que resume el proceso de impresión de un cartel impreso con tipos de madera en una prensa Washington Press, de R. Hoe & co. de mediados del siglo XIX.

Andreu Balius

------------------------------------------------------------------------------
Notas:

1. Tomo estos datos de las pesquisas realizadas por mi amigo Raúl Campuzano, buen conocedor del país.

Tipografía en pantalla: hacia una solución definitiva

2010-03-07T22:15:00.039+01:00

A comienzos de marzo impartí una «master-class» sobre tipografía en pantalla en el IED (Istituto Europeo di Design) en Madrid, para los alumnos del Máster de Motion Graphics y de Diseño Editorial. El artículo que sigue es parte de lo expuesto durante esa clase.

Independientemente de lo que todavía puedan pensar algunos nostálgicos, cada vez hay un mayor control en el diseño y el uso de la tipografía. No han pasado muchos años desde que Internet empezara a propagar mensajes a través de la pantalla. Este nuevo soporte se está consolidando como un medio eficaz para vehicular contenidos.

La tipografía, confinada a los límites del papel hasta hace bien poco, empieza a encontrar su lugar en la pantalla gracias a las posibilidades del nuevo formato woff. Muy pronto la diferencia entre componer para soporte papel o para la pantalla va a ser solamente una cuestión de manejar un determinado software.

A comienzos de los años noventa, cuando los ordenadores personales desplazaron las herramientas tradicionales en los procesos de diseño, la tipografía –tanto en lo que se refiere a su uso como a su diseño– dejaba mucho que desear. Los diseñadores apocalípticos, no sin razón, lanzaban tremendos improperios ante la llegada de estas máquinas infernales, pero no movieron ni un dedo para mejorar sus prestaciones. Poco a poco la tecnología se ha ido poniendo de parte del diseñador y los programadores e ingenieros han comprendido (aunque a algunos todavía les cuesta) que en el diseño de software hay que tener en cuenta a los usuarios –los diseñadores– y sus necesidades. Así, aquellos primeros problemas en el uso de tipografía se han ido resolviendo con el tiempo.

Como usuario incondicional de macintosh recuerdo las primeras tipografías que se instalaban con el sistema operativo MacOS 6. Se trataba de fuentes cuya representación en pantalla se realizaba en base a un mapa de bits. No existían muchas tipografías de repertorio y las pocas que se comercializaban no seguían una de las máximas necesarias para cualquier diseñador: WYSIWYG (what you see is what you get). Las primeras fuentes digitales en formato postscript, aunque podían imprimirse correctamente en una impresora láser (con intérprete de postscript incorporado), sus contornos no ofrecían el mismo aspecto en la pantalla. Su visualización en pantalla era poco más que un trámite que no podían obviar.

Por este motivo, Zuzanna Licko, pionera en el diseño de tipos digitales, diseñó fuentes como Oakland, Emperor o Universal (1985) con el objetivo de conseguir una fidelidad máxima de su visualización en monitores de 72 píxels por pulgada. Se trataba de tipos que basaban su diseño en el píxel y que mostraban su característico contorno de «dientes de sierra». La revista Emigre utilizó estas fuentes, que pronto se convirtieron en un icono de la tipografía digital 1.

El primer gran paso en pro de una mejora sustancial de la renderización de los contornos en pantalla lo dio Adobe con su gestor ATM (Adobe Type Manager) que incluía un suavizado (antialiasing) de los contornos.

Más tarde Apple implementó el suavizado de contornos en su sistema operativo MacOS X (1999-2001).

Microsoft desarrollará su propio sistema –cleartype–2 de renderizado de contornos que se incorporará al OS Windows XP, a la vez que lanzará una serie de fuentes diseñadas para su óptima visualización en pantalla –las llamadas «core fonts for the web»– 3, entre ellas Verdana (1996), Georgia (1993) o Trebuchet (1996).

Al margen de las tipografías tradicionalmente utilizadas en la composición de texto de las páginas web, el uso de tipografía de repertorio en pantalla se ha visto limitado a su conversión en imagen –como JPG o GIF– o bien, como mucho, manteniendo su formato vectorial en animaciones flash.

La historia del uso –y diseño– de la tipografía para pantalla va ligada a la historia de la edición digital. Nos llevaría demasiado tiempo entrar en detalles pero hay un dato que me resulta interesante remarcar.

Desde comienzos de este siglo, hay un cambio de inflexión respecto al uso de la tipografía en pantalla. Si bien hasta finales de los años noventa las mejoras en la visualización de las fuentes han tenido como objetivo principal dar respuesta a la necesidad de facilitar el trabajo de composición tipográfica en pantalla pero para finalidades que van ligadas fundamentalmente a la edición en papel, con el cambio de siglo, gracias a los avances tecnológicos que han permitido una mayor rapidez en la transmisión de datos y gracias, también, a la mayor resolución de los monitores, la tipografía encuentra en la pantalla un soporte en igualdad de condiciones al papel.

No será hasta la introducción en lenguaje HTML de las especificaciones que facilitaron la creación de hojas de estilo CSS que la tipografía empezó, aunque tímidamente, a jugar un papel determinante en el diseño de la edición electrónica.

Las llamadas «web-safe fonts», es decir, aquellas fuentes que se encuentran disponibles en la mayoría de los ordenadores y que han sido el «bread and butter» de cualquier página web, van a convertirse muy pronto en un recurso del pasado.

El «tag» @fontface permite emplear cualquier fuente de repertorio, aunque el usuario no disponga en su ordenador de dicha fuente al visualizar la página web en su navegador.

En un principio las fuentes podían ser descargadas por el navegador, aunque no todos los navegadores seguían los mismos protocolos. La descarga de fuentes, fuera de manera encriptada (.eot) o no, ha provocado un fuerte debate por el tema de los derechos y las licencias de usuario. En la mayoría de licencias (EULAs) no se permite este tipo de uso. Los diseñadores y distribuidoras de tipografía han estado buscando soluciones con el fin de garantizar mayores índices de seguridad en el uso de las fuentes digitales, con la vista puesta sobre un mercado potencial en rápida expansión: la edición digital (en soporte web).

Soluciones comerciales como la propuesta lanzada hace aproximadamente un año por la distribuidora typekit.com o, más recientemente, por la fundición tipográfica typoteque.com no son más que soluciones intermedias.

Ambas fundiciones ofrecen licencias de uso mediante un sistema de suscripción por el cual las fuentes no se descargan en el servidor donde se aloja la página web sino que los archivos fuente se encuentran en servidores propiedad de la fundición y, a través de un enlace, los tipos se renderizan directamente en la ventana del navegador.

El formato WOFF (web open font format), por el momento solamente soportado por el navegador Mozilla Firefox 3.6, está llamado a ser el futuro.

Woff es un formato desarrollado por Erik van Blockland (Letterror), Tal Leming y Jonathan Kew (Mozilla). A diferencia de otros formatos .woff es un formato comprimido específicamente diseñado para la web. Creado por diseñadores de tipografía y programadores, está llamada a ser la solución más esperada de los últimos años 4.

Además, Jonathan Kew, está ya trabajando en una versión de Firefox 3.7 que permitirá poder sacar el máximo provecho de las especificaciones de CSS3, obteniendo un control mucho mayor de la composición tipográfica en pantalla 5.

El futuro definitivo de la tipografía en pantalla está a la vuelta de la esquina.

Andreu Balius

------------------------------------------------------------------------------------------

Notas:

1. Estas fuentes se comercializan en el catálogo Emigre como integrantes de la familia LoRes. (http://www.emigre.com/EF.php?fid=101).

2. Sobre cleartype:

http://www.microsoft.com/typography/cleartype/tuner/step1.aspx

3. http://www.microsoft.com/typography/fonts/web.htm

4. Sobre el formato .woff

http://hacks.mozilla.org/2009/10/woff/

http://nicewebtype.com/notes/2009/09/13/woff/

http://people.mozilla.com/~jkew/woff/woff-spec-latest.html

5. http://www.youtube.com/watch?v=OSvLwbiKAzE

Agradecimientos:

Tengo que dar las gracias a Luis Blasco (encajabaja.com) por animarme a escribir sobre este tema.