Legibilidad y comprensin en la web A continuacin damos la lista de alfabetos que vienen por defecto en los sistemas operativos Windows

y Macintosh, en el Microsoft Internet Explorer y una referencia de las distintas tipografas Tipografas incluidas en el sistema operativo Windows 98 (y posteriores) Abadi MT Condensed Light Arial Arial Black Book Antiqua Calisto MT Century Gothic Comic Sans MS Copperplate Gothic Bold Courier New Impact Lucida Console Lucida Handwriting Italic Lucida Sans Marlett News Gothic MT OCR A Extended Symbol Tahoma Times New Roman Verdana Webdings Westminster Wingdings Tipografas incluidas en el sistema operativo de Macintosh MacOS 8 (y posteriores) Charcoal Chicago Courier Geneva Helvetica Monaco New York Palatino Symbol Times Instaladas por los extras de Microsoft se suman: Andale Mono Arial Arial Black Comic Sans MS Courier New Georgia Impact Times New Roman Trebuchet MS Verdana

Webdings Tipografas incluidas en el browser Microsoft Internet Explorer, versin 5, Macintosh y Windows Andale Mono Arial Comic Sans MS Georgia Impact Trebuchet MS Verdana Webdings Andale Mono (Windows y Macintosh) Diseada por Steve Matteson. Conocida anteriormente como Monotype.com, era parte de los agregados del Internet Exporer 4.0. Es una monoespaciada de alta legibilidad.

Arial (Windows y Macintosh) Nace como una adaptacin de Grotesque hecha por Robin Nicholas y Patricia Saunders de la fundidora Monotype, redibujada para imitar las proporciones y peso de la Helvetica. A simple vista, se ve como Helvetica, pero en detalle tiene muchas diferencias. Como iguala tanto a la Helvetica fue posible sustituirla por sta en documentos a imprimir por mquinas PostScript clones. Para un ojo no entrenado la diferencia es imperceptible, sobre todo cuando la mayora de los usuarios no saben distinguir entre una tipografa con o sin serifas. Lo extrao de la Arial es que la empresa Monotype pareca un poco incmoda con la idea de copiar directamente la Helvtica, que ya haba sido replicada por varias fundidoras. En Estados Unidos, es fcil proteger el nombre de una tipografa pero no el diseo en s. Si alguien quera comprar una fotocomponedora con la Helvetica verdadera, tena que optar por la marca Linotype, en cambio si uno elega otra marca (Compugraphic, AM, Alphatype) no poda tener la original, pero s copias idnticas con otros nombres: Triumvirate, Helios, Megaron, etc. Cada compaa de fotocomponedoras tena su propia Helvetica; posiblemente la mayor parte de las Helveticas de los aos 70 no eran la original. Como Monotype era una empresa seria que no poda permitirse ser asociada con piratas, encontr el hueco y cre una fuente original que por casualidad comparta las mismas proporciones y peso que otra tipografa. Esto de alguna manera es peor que una copia directa, que ya por el hecho de serlo, brinda tributo al original. Cuando Microsoft hizo de TrueType el formato standard para tipografas en Windows 3.1, opt por Arial en vez de Helvetica, probablemente porque la licencia era ms barata y porque saban que la mayora de los usuarios no iban a darse cuenta de la diferencia ni tampoco les iba a importar demasiado. Apple tambin standariz TrueType al mismo tiempo, pero eligi la Helvetica y pag la licencia a Linotype. Windows 3.1 fue un gran suceso y de su mano la Arial se populariz. En el website de Microsoft, dice de la Arial: Sans serif contempornea, que contiene ms caractersticas humanistas que muchas de sus predecesoras y como tal, est mucho ms a tono

con el caracter de las ltimas dcadas del siglo XX. El tratamiento de sus curvas en general es ms suave y relleno que muchas sans serif industriales. La terminacin de sus trazos est cortada forma en diagonal, lo que le da una apariencia menos mecnica. Arial es extremadamente verstil y puede ser usada con igual buen resultado para textos de reportes, presentaciones, revistas, diarios, publicidad y promociones.

Book Antiqua (Windows) Creada por Agfa Monotype Corporation. Es una tipografa romana basada en las letras de la caligrafa renacentista italiana y cuenta con una variable itlica muy grcil. Es de apariencia distintiva y gentil, y le da a los textos un toque de calidez que muchas veces con otras fuentes ms geomtricas no se obtiene. Es ideal para el uso en lneas de texto particulares o destacadas, titulares, textos complementarios. Incluida en Windows 98.

Comic Sans (Windows y Macintosh) Diseada por Vincent Connare de Microsoft en 1995, se inspira en las tipografas de las revistas de historietas. De todas las tipografas instaladas por defecto en Windows en ese momento, esta fue seguramente la ms distinguida. Durante 1994, Vincent Connare se dio cuenta que estaban desarrollando en Microsoft un gran nmero de programas con ttulos en el estilo de las historietas, y de ah surgi la idea de realizar una fuente que se asemeje a la utilizada en dichas tiras. Fue elegida por el equipo del programa Microsoft 3D Movie Maker para utilizarla en sus globos de ayuda. Como su variable normal tiene un proceso de hinting* y fue optimizada para la pantalla, demostr a la larga tener una buena aceptacin, inclusive muchas veces se la ve utilizada de forma inesperada o inadecuada, como por ejemplo en documentos de oficina, reportes, etc. En Inglaterra, durante un test con personas dislxicas, la Comic Sans termin siendo mejor que otras tipografas ms comunes y normales. Los investigadores citaron el diseo de algunas formas como la a y la g, que a ellos les pareci novedoso. Cualquiera con un poco de conocimiento tipogrfico sabe que hay cientos de tipografas con similares caractersticas, pero de todos modos siempre estas pruebas se realizan con fuentes disponibles en computadoras de uso hogareo.

Courier New (Windows) Originalmente diseada para las mquinas de escribir IBM, por Howard G. (Bud) Kettler en 1955. Cuando IBM cre la Selectric, fue readaptada por Kettler y Adrian Frutiger para la bocha que llevaban estas mquinas y algunas serifas fueron recortadas y los nmeros ligeramente condensados. Es una tipografa de tono continuo, monoespaciada, con serifas egipcias. Imita a la mquina de

escribir y es utilizada mayormente para reportes, datos tabulares y documentacin tcnica. Fue inclua por Microsoft por primera vez con Windows 3.1 y en 1998 se lanz una versin ms completa.

Charcoal (Macintosh) Encargada por Apple a David Berlow de Font Bureau, en 1995. Es la tipografa utilizada actualmente por el sistema operativo de Macintosh MacOS, desde su versin 8, 1997 (la versin actual es 10.1).

Chicago (Macintosh) Esta tipografa, incluida en el sistema operativo de Apple, fue diseada tambin por Susan Kare y utilizada en los menes y botones de la interfase del sistema operativo MacOS, convirtindose en un rasgo caracterstico de identidad de estas computadoras durante aos. Ms tarde fue adaptada por el estudio Bigelow y Holmes al formato TrueType, por supuesto conservando an en pequeos cuerpos el diseo original de Kare. Para el sistema operativo Mac OS 8, Apple decidi cambiar la Chicago por la Charcoal.

Geneva (Macintosh) Es un alfabeto incluido en el sistema operativo de Apple, diseada por Susan Kare. Su nombre refleja la intencin de imitar el estilo suizo de la Helvetica y la Univers. Readaptada por Charles Bigelow y Kris Holmes.

Georgia (Windows y Macintosh) Diseada en 1996 por Matthew Carter, y optimizada para pantalla por Thomas Rickner (fue quien realiz el Hinting*). Fue pensada para ser utilizada en pantallas, por lo que se ajusta a la grilla de pixeles, y tanto las formas de cada caracter, como los distintos pesos y el interletrado, estn optimizados para tener una correcta legibilidad. Est influenciada por las races de Didot y esta caracterstica se ve claramente en las serifas horizontales de las b, d, h, k y l minsculas. Para ajustar la tipografa a la legibilidad en pantallas, las maysculas estn afinadas, la altura de x aumentada, los ascendentes se elevan por encima de la altura de caja alta y los nmeros realizados como maysculas/minsculas.

Las itlicas son grciles y mantienen la legibilidad, lo que significa un gran elogio para cualquiera que sabe lo mal que se dibujan las itlicas en los monitores. Es una verdadera itlica, y esto se nota claramente en ciertos caracteres como la a y la g minsculas, cuya forma est expresamente diseada con esta finalidad. La variable bold es netamente ms pesada que la normal y esta caracterstica diferencial se mantiene an en cuerpos pequeos, donde a menudo es complicado distinguir este tipo de detalles. Es muy completa, conteniendo adems caracteres griegos y cirlicos.

Helvetica (Macintosh) Diseada por Max Miedinger y otros miembros de la fundidora suiza Haas en 1959, se convirti en una de las tipografas ms famosas y populares del mundo. Hass ms tarde se fusion con Linotype y le dio una gran promocin a este alfabeto, que en los 60s se convirti en sinnimo de modernidad, progreso y actitud cosmopolita. Era la tipografa perfecta para todo uso, de apariencia limpia fue utilizada para el uso corporativo, institucional, etc. A principio de los 80, cuando Adobe desarroll el lenguaje PostScript, incluy la Helvetica como parte del set bsico junto con la Times, Courier y Symbol. Adobe licenci las fuentes de sus fundidoras originales, demostrando el respeto y la apreciacin por la integridad tipogrfica, las fundidoras y los diseadores. Se dieron cuenta de que si utilizaban copias de los originales, el mercado profesional del diseo y la grfica (a donde apuntaban con sus productos) no los iba a aceptar. De la mano del PostScript, el desktop publishing creci enormemente, junto a programas como el PageMaker, permitiendo realizar composicin de calidad profesional a muy bajo costo.

Impact (Windows y Macintosh) Geoffrey Lee dise ImpactTM, en 1965 para la fundidora Stephenson Blake de Sheffield, Inglaterra. Microsoft la lanz en 1996 con su paquete de tipografas para la web y con el Microsoft Internet Explorer 3.0. La mitad de los 60s fue un momento en donde las condensadas bold estaban de moda, posiblemente inspiradas en los diseos de la revista Paris Match que utilizaba la Schmalfette Grotesk, creada por Walter Haettenschweiler. Como la Impact era menos condensada que esta ltima, a menudo se las utilizaba en forma complementaria.

Lucida Sans (Windows) Diseada por Charles Bigelow y Kris Holmes, es una sans serif con una caja de x alta, muy legible en todos los cuerpos. Includa en Windows 98.

New York (Macintosh) Diseada por Susan Kare de Apple, adaptada al formato TrueType por Charles Bigelow y Kris Holmes, toma su nombre probablemente en referencia a Times Square, en Nueva York, debido a que se trata de una interpretacin para bajas resoluciones de la Times New Roman.

Tahoma (Windows) Es una de las nuevas sans serif de Microsoft, incluida en Windows 98. Consiste de dos variables: regular y bold, y fue creada especialmente pensando en las limitaciones de la pantalla, especialmente para cuerpos reducidos usados en cajas de dilogo y menes de interfases grficas. Como es del formato TrueType puede ser rotada y redimensionada a cualquier tamao, o rasterizada tambin, caractersticas que la destacan por sobre otras tipografas bitmap, tales como la MS Sans Serif. Diseada por Matthew Carter, y optimizada por Tom Rickner (fue quien realiz el Hinting*). Tahoma es una excelente opcin en tipografas standard para interfases, ideal para cualquier situacin donde haya que presentar informacin en pantalla.

Times New Roman (Windows) Apareci por primera vez en 1932 en el diario The Times de Londres, para el cual haba sido diseada por la fundidora Monotype, a cargo de Stanley Morison, junto con Victor Lardent y Starling Burgess. Fue ideada para ser una tipografa con buena legibilidad y comprensin para peridicos, basada en tipos antiguos Morison se inspir en la Perpetua y la Plantin, con un excelente contraste y ligeramente condensada, lo que permita componer mayor cantidad de palabras por lnea (una caracterstica fundamental en este tipo de ediciones). Si bien el diseo es s mismo no es destacado, se convirti en una de las fuentes ms exitosas por su buen balance entre legibilidad y economa, y ha sido ampliamente utilizada en libros, revistas, documentos de oficina, reportes, y tambin en publicidad y pantalla. Microsoft la utiliz por primera vez en el Windows 3.1 y, una versin ms completa, en noviembre 1998.

Trebuchet MS (Windows y Macintosh) Diseada por Vincent Connare en 1996, es una sans serif humanista, optimizada para la legibilidad en pantalla. Toma su inspiracin de las sans serif de la dcada del 30 que tenan una

altura de x generosa y rasgos redondeados. El autor reconoce la influencia de tipografas como la Gill Sans, Erbar, Frutiger, Akzidenz Grotesk en su diseo. Uno de los logros ms importantes de esta familia es que funciona muy bien para titulares en cuerpos grandes y en baja resolucin en cuerpos chicos, donde, en general, las caractersticas de muchas fuentes resultan imperceptibles o sin gracia. Despus de todo, una e de 8 puntos en pantalla, puede medir unos 4 5 pixeles; es decir que las posibilidades de dibujarla de distintas maneras son muy limitadas. El desafo de Connare al disearla fue conservar la legibilidad y la claridad, manteniendo cierta personalidad en sus caracteres. Tena que ser netamente distinguible de la Verdana y la MS Sans. Comenz partiendo de la g minscula y la M mayscula, que tiene alguna reminiscencia de la Futura de Paul Renner. Otros detalles distintivos son las pequeas serifas de la i y la j minscula y la terminacin inferior curvada de la l minscula

Verdana (Windows y Macintosh) Diseada por Matthew Carter, y optimizada para pantalla por Thomas Rickner (fue quien realiz el Hinting*). No es slo un revival de la elegancia de las sans serif clsicas, sino un alfabeto diseado para un medio especfico: la pantalla. Durante el proceso de desarrollo de Verdana se ha tenido especial cuidado en el espacio entre letras y tambin en el ancho de los caracteres, ya que en bajas resoluciones se utiliza un escaso nmero de pixeles para la configuracin de las letras y, para que se diferencien unas de otras, es necesario que tengan un mayor ancho y que el espacio entre ellas sea generoso, de modo que no se peguen entre s como ocurre con otros alfabetos. La variable bold es netamente diferente, pero tambin conserva su identidad en tamao reducido. Un cuidado especial han tenido los caracteres 1, I, l, i y J, de modo de no ser confundidos. La i minscula es ligeramente ms corta que la l para ser fcilmente diferenciada. Las combinaciones fi, fl y ff estn diseadas de modo que no se tocan entre s, ya que esta situacin en pantalla crea manchas que perjudican la legibilidad. Las curvas en las contraformas han sido sintetizadas al mnimo y las minsculas son un pixel ms altas que las contraformas de las maysculas en algunos cuerpos claves, para ayudar a distinguir ciertos caracteres.

Webdings (Windows y Macintosh)

Diseada en 1997 como una colaboracin entre Vincent Connare de Microsoft y los diseadores Sue Lightfoot, Ian Patterson y Geraldine Wade de Monotype. Las imgenes fueron pensadas para el diseo web. Contiene una gran variedad de imgenes relacionadas con la web, elementos de interfases de navegacin de pginas, etc.

Wingdings (Windows) Diseada por Charles Bigelow y Kris Holmes en 1990/91, originalmente se llamaba Lucida Icons, Arrows y Stars, y complementaban la familia de Lucida. En 1992 fueron reunidas, reorganizadas y lanzadas por Microsoft con el nombre Wingdings. Es un conjunto de conos que representan los componentes comunes de las computadoras personales y de las interfases grficas. Hay conos de PCs, monitor, teclado, mouse, hard drive, diskette, cassette, impresora, fax, etc., as como de carpetas de archivo, documentos, casilla de correo, entre otros. Tambin conos relacionados como manos, anteojos, tijeras, bomba, miscelneas, nmeros dentro de crculos; figuras geomtricas, flechas, etc. * El proceso de hinting, indispensable para cualquier fuente que intente funcionar en cuerpos pequeos y en dispositivos de baja resolucin, es fundamental en los alfabetos para pantalla. Es un mtodo para definir exactamente qu pixeles se encienden para crear el mejor dibujo posible de un caracter de tamao pequeo a baja resolucin. Como el mapa de bits que dibuja cada signo en la pantalla se genera a partir de un dibujo de lnea o outline, a menudo es necesario modificar este contorno para que la combinacin deseada de pixeles se encienda. Un hint es una instruccin matemtica que se agrega a una fuente tipogrfica con el fin de modificar el dibujo de los caracteres en determinados cuerpos. Derechos de reproduccin de este artculo: Copyright (bi)gital 2001 | http://bigital.com/ Ejercicios Apuntes Legibilidad Tipografa en la web [ Tipografas para pantalla ] Tipografas pixeladas CCS - Cascading Style Sheets Bibliografa

Copyright tipoGrfica 2001 | http://tipoGrafica.com/ Desarrollado por