Pixel fonts

Al igual que el avance y mejoramiento en los sistemas de impresión, calidad de las tintas, papel, etc tuvo su incidencia en las diferentes creaciones tipográficas a lo largo del tiempo, la irrupción del medio digital trajo consigo la aparición de nuevas tipografías adaptadas especialmente para ser usadas en dispositivos de baja resolución.
El destino de estas tipografías ya no es el papel, sino las pantallas de ordenador.

¿Por qué?
Las fuentes tipográficas diseñadas para sistemas de impresión tradicionales están pensadas para ser reproducidas en alta resoluciones y generalmente lucen mal en cuerpos pequeños en las pantallas de las computadoras. La mayoría de las mismas empiezan a experimentar serios problemas de legibilidad en cuerpos inferiores a 10 puntos, ya que las formas de los caracteres no han sido concebidas para ser reproducidas en una pantalla de baja resolución. Al ser sometidas al antialiasing para suavizar el escalonado de los trazos, se torna indefinida e ilegible en tamaño pequeño. En las tipografías concebidas para resoluciones de pantalla cada trazo y cada punto encaja exactamente en la trama de pixeles que compone la misma.

Su morfología evita, en lo posible, las curvas, y se compone de líneas verticales u horizontales. Aun en cuerpos pequeños se las ve nítidas y definidas. Sin embargo, la desventaja de estas fuentes es que están fijas en un tamaño, y que no es posible redimensionarlas. Deben ser utilizadas en el cuerpo para la cual fueron creadas, de lo contrario los trazos verticales y horizontales que las componen se distorsionan. Utilizándolas exactamente con el múltiplo de su tamaño natural, coinciden nuevamente con la grilla de pixeles, pero se ven, justamente, pixeladas, y puede tener un efecto negativo salvo que sea lo que se está buscando.

Resolución de pantalla multiplataforma
Por lo general suele haber una gran confusión sobre resolución de pantalla y cuerpos tipográficos. Tradicionalmente, los tamaños de las fuentes están dados en puntos, una fracción del cícero, medida utilizada para tipos de plomo. Desde su creación en el año 1984, los monitores de las computadoras Macintosh tienen una relación de 1 punto = 1 pixel. Estos monitores tienen, desde siempre, una resolución standard relativamente buena, que puede reproducir tipografía e imágenes a 72 ppi (pixeles por pulgada). Las pantallas de los PC compatibles, generalmente, tenían una resolución menor, con pixeles más grandes. Utilizaban impresoras de matriz de punto cuya impresión no guardaba una relación cercana con lo que uno veía en pantalla. Cuando salieron las impresoras láser y las de chorro de tinta, los PCs todavía contaban con monitores de resolución relativamente baja. Microsoft creo una resolución de 96 pixeles por pulgada, exactamente 33% más grande que la impresión obtenida con dichas impresoras. No pudieron hacer los pixeles más pequeños, entonces aumentaron las pulgadas. Hoy en día Macintosh y PC compatibles tienen los mismos monitores de alta resolución y la mayoría de los usuarios utiliza programas WYSIWYG (en inglés «what you see is what you get», equivalente a «lo que ve es lo que obtiene») con interfaces gráficas, pero todavía la diferencia entre la resolución de Macintosh de 1/72 de pulgada con la de 1/54 de pulgada de las PCs hace que en las últimas todo se vea un tercio más grande. Lo bueno es que, en la web, no nos preocupan los tamaños en puntos. Las pantallas de computadoras, de cualquier tipo, son un determinado número de pixels horizontales y verticales. Generalmente, un monitor 15" tiene una resolución de 800 x 600 pixeles; uno de 17", otorga un poco más de pantalla utilizando 1024 x 768 pixeles, y monitores más grandes aún permiten tener, consecuentemente, más resolución. Diviendo el ancho de la pantalla en pulgadas por el ancho de la misma en pixeles, se optiene la cantidad de pixeles por pulgada (PPI). Nótese que la medida de los monitores está especificada por la diagonal del área visible del tubo. Un monitor de 17" tiene un ancho aproximado de 12". Los valores en PPI no cambian demasiado de un usuario a otro, y el valor promedio es de 80-85 PPI para una lectura confortable en un monitor de buena calidad. A pesar de que los cuerpos tipográficos están indicados en puntos, lo que realmente nos interesa es la altura en pixeles, que generalmente no tiene una relación cercana al cuerpo en puntos que vemos en pantalla. Cuando tratamos con «tipografías pixeladas», el cuerpo de la misma está indicado en pixeles, no en puntos. Si se inserta una de estas fuentes en un documento compuesto a 72 PPI, el tamaño será igual en pixeles que en puntos; en cambio si se las inserta en una resolución de 96 PPI, pueden experimentarse inconvenientes ya que pocos programas permiten ingresar una medida en puntos con fracciones, como por ejemplo poner 5,25 puntos para obtener el equivalente de 7 pixeles. Para hacer las cosas más simples, es conveniente mantener la resolución de los documentos a 72 PPI, y trabajar exclusivamente en pixeles.

Programas
La mayoría de los programas que se utilizan para diseño web pueden ser adaptados para trabajar en pixeles y a una resolución de 72 PPI. Programas como Adobe Photoshop y Macromedia Fireworks presentan la opción de antialias para la tipografía; que no debe estar seleccionada en el caso de utilizar tipografías pixeladas. Las mismas dan buen resultado si son utilizadas alineadas a la izquierda, y con el interletrado normal. El interlineado puede corregirse sin problemas. Si se quisiera utilizar texto centrado, hay que realizar un ajuste manual de los espacios debido a que el centrado standard presenta desajustes. Algunos programas trabajan de forma vectorial, como el caso de Macromedia Flash o Adobe Illustrator.

¿Cómo?
La manera de realizar una «pixel font» es muy parecida a la creación de una fuente normal. Josep Patau, que, además de su participación en unostiposduros, mantiene un sitio de experimentación y creación web que os recomiendo (www.astramat.com), ha diseñado el tipo Pixelade y nos enseña en la página siguiente paso a paso como lo creó.