tipografía en la web (notas)

1. 95% de una sitio web es texto
Uno de los elementos claves del éxito a
la hora de potenciar la difusión y
visibilidad de un sitio web ya sea con
propósitos comerciales o no

2. La mayoría de
programadores web siguen
utilizando las llamadas
“tipografías seguras”,
definiendo un listado de
tipografías que se van a
intentar utilizar en orden
establecido. Los grupos de
fuentes más utilizados son los
siguientes
Tipografía segura
Por lo general, el texto no debe estar subrayado a
menos que se emplee como hipervínculo.

3. Las tipografías se trabajan en píxeles, que
son equivalentes a puntos cuando la
resolución de la pantalla es de 72 ppp
(píxeles por pulgada).
Pixeles / Puntos
Verdana
16 pixeles
es un tamaño ideal.
A una distancia
adecuada del monitor
lo percibimos de forma
similar al tamaño que
leemos en un libro en
la playa.

4. interlineado
Cada tipografía y bloque
de texto exige una medida
pero definir un interlineado
del 140% del tamaño del
cuerpo nos puede servir
como orientación.
16 pixeles
tipografía
22. 4 pixeles
interlineado

5. Longitud de línea
Un error habitual es
disponer cajas de textos
demasiado anchas con
muchas palabras por
línea. Esto dificulta la
lectura, la hace lenta y
pesada y el cansancio
aparece enseguida.
Nuestro ojo tiene que trabajar en
exceso al obligarlo a recorrer una
gran distancia para empezar la
siguiente línea.
Una longitud ideal
muestra entre 50 y 75
caracteres por línea.
400 px

7. No se puede en web
Tiene que ir como
imagen
Aunque algunas
personas prefieren
ver un texto
justificado, estudios
realizados han
demostrado que la
alineación a la
izquierda es la más
sencilla de leer.
alineación

8. con pequeños márgenes y sin
casi espacio en blanco
márgenes de un 15% y mucho
más espacio en blanco.
espacio
El espacio añadido alrededor del texto
ofrece un diseño más limpio y ayuda a
que el lector se fije en el texto.

9. Distinguir los párrafos
uno de otro En el impreso se logra
con sangría
Cuando los usuarios desplazan arriba y abajo la página,
resulta fácil perder el punto de referencia. El espacio en
blanco añadido entre los párrafos les ayuda a realizar un
seguimiento de donde están.