revista-prueba

Sin kerning
Andale Mono
Arial
Sin hiting 400%
Tracking negativo CSS letter-spacing: -0.06em)
Comic Sans
Courier New
Con hiting 400%
Tracking negativo CSS letter-spacing: -3px)
Correcto
El soporte para kerning/tracking en HTML es muy
primitivo: aquí vemos ejemplos de una tipografía
sin ningún ajuste (en gris tenue podemos apreciar
la manera correcta de espaciar las letras); más
abajo vemos como, utilizando la propiedad CSS letter-spacing,
podemos simular un tracking negativo,
expresado en ems o pixeles
Georgia
Impact
Ejemplo de hinting: para mantener sus particularidades a tamaños chicos, las
tipografías necesitan información adicional sobre como desplegar sus trazos
formato actualmente recomendado para
poder renderear contenido multi-idomas
en una variedad de aplicaciones, lenguajes
y protocolos. Pero esto no viene sin sus problemas:
no todas las fuentes tienen soporte
Unicode extenso (por ejemplo, el omnipresente
Arial carece del soporte Unicode
que su hermano mayor, denominado Arial
Unicode MS, tiene en su arsenal, pero a un
costo: pesa 21 MB), y no todos los browsers
soportan Unicode correctamente. Mientras
que Firefox, Safari y Opera pueden desplegar
contenido multi-idioma en una sola
página, el IE6 tiene problemas al hacerlo.
ALIASING
Para desplegar una tipografía en la pantalla,
cualquier computadora emplea un
Anti-aliasing: Quartz Mac OS X (subpixel rendering)
Anti-aliasing: Smooth
Anti-aliasing: Strong
Anti-aliasing: Crisp
Anti-aliasing: Sharp
sistema de rasterización de la información
tipográfica en pixeles. La dificultad aparece
cuando queremos mostrar curvas
finas y remates (que muchas veces son
los rasgos esenciales en el diseño de ciertos
tipos). Este problema se resuelve por
un algoritmo que realiza una transición
entre los pixeles de la tipografía y los del
fondo, mientras que apoyado por el hinting–
intenta mantener la misma cualidad
visual. Estos algoritmos han evolucionado
en el tiempo, desde el empleo de simples
escalas de grises (como los tres algoritmos
empleados actualmente por Photoshop
presentes en las herramientas Crisp, Sharp
y Smooth) hacia una nueva tecnología
llamada subpixel rendering (empleada a
nivel sistema operativo). Variantes de esta
nueva tecnología se encuentran incorporadas
en todos los sistemas operativos
actuales: ClearType para Windows, Quartz
para Mac OS X y FreeType para Linux. La
gran ventaja de emplear pasterización a
nivel subpixel es que crece la resolución
aparente del LCD, lo que permite una
mayor legibilidad del texto en la pantalla,
especialmente a tamaños superiores a 9-10
pixeles. Del otro lado, el mal uso de aliasing
hace que tengamos artefactos visuales
alrededor de nuestra tipografía, que
sea borrosa o insuficientemente visible.
Una excepción notoria en el capítulo
aliasing lo constituyen las fuentes bitmap
(las que solamente contienen la información
de los pixeles que estarán desplegados en
la pantalla). Están diseñadas para ser usadas
Times New Roman
Verdana
en tamaños específicos y como regla general,
no emplean aliasing. Piensen en los tipos
presentes en la mayoría de sus celulares, en
los OSD (On-Screen-Displays) de muchos
electrónicos, en dispositivos con baja resolución
de pantalla (incluyendo los cajeros
electrónicos) o bien en algunos sitios web,
donde su uso correcto ayuda a mantener
el diseño limpio y legible. Para ayudarnos,
algunos fabricantes de tipos bitmap especifican
el tamaño correcto en el nombre de
la fuente: 8 pixeles, 9 pixeles o 10 pixeles son
tamaños muy comunes para estas tipos. Es
de máxima importancia emplear los tipos
bitmap en el tamaño especificado, o bien
en múltiples directos de éstos: es decir una
fuente diseñada para ser usada en 9 pixeles
debe ser empleada como tal o a 18 pixeles,
27 pixeles, 36 pixeles, etcétera.
Otro error común en el uso de tipografías
bitmap aparece cuando se usa
Flash, para gozar de trazos muy definidos
de estas tipografías, ellas deben estar
ubicadas en un pixel entero (es decir, los
valores X y Y de la ubicación de la caja de
texto no pueden tener decimales). Esta
regla se debe respetar no sólo para la
caja de texto, sino para cada movie-clip
o instancia que la contenga. Además, si el
texto está animado, se debe usar el preset
“anti-alias for animation”. No por último, es
esencial que la fuente usada esté incluida
(embedded) cuando exportamos el archivo
.swf; de lo contrario será sustituida por
una tipografía genérica (Times o Arial).
RESOLUCIÓN
Trebuchet MS
Webdings
El paquete Core Fonts For Web contiene 10 tipografías presentes en casi todas las computadoras del mundo
A diferencia del reproductor de música
digital, el concepto del libro electrónico
aún no ha permeado en la sociedad
actual, y aunque existen intentos serios
para cambiar esta situación (por ejemplo
Sony Librié y su sucesor, el Reader), una
solución efectiva está todavía lejos. Una
importante razón detrás de esto ha sido
la relativamente pobre resolución en pantallas
en comparación con la calidad del
material impreso. Por más de una década,
la resolución standard dio vueltas alrededor
de un mágico numero de 72 pixeles
por pulgada, pero la mayoría de las pantallas
LCD actuales ya son capaces de alcanzar
una resolución de 90 a 130; incluso existen
pantallas experimentales que llegan
a 300, arriba de este límite los estudios
muestran que el ojo humano no distingue
diferencias notorias. La pobre resolución
combinada al hecho que la pantalla es un
elemento que emite luz (a diferencia del
papel que lo refleja) cansa el ojo humano
al leer textos largos y si a esto le añadimos
la falta de una implementación tecnológica
elegante, el fracaso de los libros electrónicos
no es difícil de entender.
Sin embargo esta no es una excusa para
una pobre tipografía, manejadas profesionalmente
y contextualizadas correctamente,
muchas de las tipografías para pantalla
son muy legibles y tienen la ventaja de ser
accesibles. En un controversial artículo dedicado
a la tipografía en línea, O. Reichenstein
comenta: “el diseño de información no trata
del uso de buenas tipografías, sino del buen
uso de tipografías. Noten la gran diferencia.
Cualquier persona puede usar tipos, algunos
pueden elegir buenos tipos, pero pocos
son los que pueden dominar efectivamente
el campo de la tipografía”.
Anti-aliasing: None/Aliased (bitmap fonts)
Este artículo es meramente un recuerdo
y/o una invitación a explorar
las reglas, los límites y las posibilidades
del manejo tipográfico en los medios
Diferencias entre varios tipos de aliasing tipográfico: subpixel rendering en Mac OS X, y los cinco tipos standard de aliasing en Adobe Photoshop. Para mejorar la legibilidad,
cada tipografía y tamaño de texto requiere de ajustes específicos
interactivos actuales
54 55