Legibilidad Web

El seleccionar un estilo de fuente para un diseño puede ser complicado sí uno no tiene presente la idea que intenta transmitir. En este post no pretendo dar en la tecla de definir cuál es la fuente ideal para cada proyecto web, ya que eso va en gustos. Sin embargo puedo dar un par de consejos de cual son las mejores fuentes utilizadas a la hora de realizar un diseño legible.

La extensa cantidad casi infinita que se puede hayar de tipos de letras tampoco ayuda en mucho a la hora de definir la indicada para cualquier proyecto.
Para que algo sea legible por lo general se intenta utilizar fuentes no cusivas ni con diseños aparatosos, pero este no es el unico detalle a tener en cuenta.

Distintos tipos de letras

En rasgos generales se pueden definir dos grupos de tipos de letra: las con serifa y las sin serifa (sans serif). Suele llamarse serifa al remate que tienen las letras al finalizar sus trazos.

Para facilitar la lectura en la impresión de libros, se suelen usar tipografías con serifa  porque crean la ilusión de una línea horizontal, por la cual se desplazaría la vista al leer.

En cambio, para un sistema cuya salida de datos se registra por pantalla, se suelen utilizar fuentes sin serifa, dado que se adaptan mejor a las resoluciones y son más agradables a la vista dando la impresión de modernidad.

El color

El color de la fuente debe ser de tono apagado y debe contrastar con el fondo de la pantalla. Hay que tener en cuenta que, la idea del color en contraste, debe ser para dar cierta facilidad a la lectura sin necesidad de forzar mucho la vista. A veces añadir un contorno o una sutil sombra en las letras también pueden llegar a ser beneficiosos para la lectura. Por lo general se suele usar un texto obscuro con un fondo claro.

Descansos visuales

De ser posible siempre es bueno generar cierto espacio de descanso visual. Algo que puede ser muy útil para esto es la división en párrafos separados por espacios de no muchas líneas o agregar ciertas separaciones visuales como las etiquetas que provee HTML con sus etiquetas <hr> o agregando alguna imagen. A su vez se podría dar un mayor espacio de interlineado el cual también ayuda a la lectura de un texto, dejando la sensación de que el texto no se vea como un bloque.