La mejor tipografía Web

Leer un texto impreso en una hoja de papel es muy distinto que leerlo en la pantalla del monitor. Diseñar para la pantalla tiene toda una serie de inconvenientes y limitaciones que si no se tienen en cuenta pueden producir una mala experiencia al lector.

Al respecto, Andy Hume publicó en SitePoint un buen artículo en donde expone sus puntos de vista y recomendaciones. Aquí hago un extracto del artículo que en realidad abarca sólo los puntos que me parecieron más interesantes, dejando de lado aspectos sobre el uso de negrita, itálica o el tamaño de las fuentes, para lo cual los remito al propio artículo.

Antialiased - Aliased

En la actualidad, los sistemas operativos modernos (Windows XP ó Mac OS 10) tienen disponibles y por defecto las fuentes denominadas Antialiased, las cuales suavizan los bordes de los caracteres proporcionando una lectura en pantalla más cómoda.

 

Serif - Sans-serif

La gran limitación al diseño tipográfico es que sólo se pueden usar las tipografías que los usuarios tengan instaladas en su ordenador. De esta manera, son sólo dos grupos los que se utilizan principalmente: Serif y Sans-serif.

 

Las tipografías de tipo Serif son las que tienen más detalles, principalmente a sus extremos, mientras que las tipografías de tipo "Sans serif" carecen de ellos.

Las fuentes Serif son muy populares en la impresión, pero no muy legibles en la pantalla, por lo que las fuentes Sans-serif son la mejor opción. (Haciendo un parentesis, una herramienta útil que he estado utilizando últimamente para hacer las comparaciones de fuentes es Typetester).

La mejor fuente

Teniendo en cuenta lo dicho y otros detalles escritos en el artículo, podemos definir las características de la mejor tipografía para la web:

  • Bajo contraste y movimientos simples con un peso y grosor constante
  • Abundante altura (X-height)
  • Abundante espacio entre cada letra (Wide Letter Sapacing) y
  • Abundante ancho dentro de cada letra (Wide Punch Width)

 

Así pues, estas son las pautas para escoger la mejor tipografía para la web. Aunque no debemos descartar las fuentes Serif, pues veo como muchos diseñadores web han empezado a usarla.

Deja tu comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato

Suscríbete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes