Tipografias para Web
Con las nuevas
tecnologías web, los nuevos navegadores pueden presentar cualquier fuente que
queramos utilizar, como si se enviara la fuente junto al web. La ventaja,
respecto la utilización de imágenes es que el texto es encontrado mejor por los
buscadores, además se puede utilizar para presentar textos desde bases de
datos.
Los grupos de
fuentes más utilizados son los siguientes:
Verdana, Geneva, sans-serif
Georgia, Times New Roman, Times, serif
Courier New, Courier, monospace
Arial, Helvetica, sans-serif
Tahoma, Geneva, sans-serif
Trebuchet MS, Arial, Helvetica, sans-serif
Arial Black, Gadget, sans-serif
Times New Roman, Times, serif
Palatino Linotype, Book Antiqua, Palatino, serif
Lucida Sans Unicode, Lucida Grande, sans-serif
MS Serif, New York, serif
Lucida Console, Monaco, monospace
Comic Sans MS, cursive
Con
independencia de la tipografía utilizada, deberemos definir su tamaño.
Normalmente, 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).
A modo de orientación, trabajar con 11 o 12 píxeles facilita la lectura de la
mayoría de las tipografías, y casi nunca se trabaja con tipografías menores a 8
o 9 píxeles.
Ejemplo de buena tipografía para Web
Que tipografías no usar...
Las tipografías son un elemento que influye en la estética de tu página, pero su labor principal no es decorar.
Puede parecer una obviedad, pero los textos de tu web están ahí para que sean leídos y comprendidos. Tu objetivo es facilitar la lectura a tu visitante, así que asegúrate de que eliges una tipografía clara, que destaque del fondo y que se vea bien a diferentes tamaños.No antepongas la estética a la usabilidad. Y esto es aplicable a todos los elementos de tu sitio web.
Ejemplo de mal uso de tipografía en Web
