¿ Has probado ya Firefox?

¿Qué tipo de fuente usar?

   Una parte fundamental de la usabilidad de un blog es su facilidad para ser leído. Además de otros aspectos del diseño y del formato que veremos más adelante, el tipo de fuente que usemos influirá en gran medida en lograr una lectura agradable para los ojos de nuestro visitante. Debemos pensar que la mayoría de los usuarios de Internet no se han adaptado todavía a la lectura en pantalla con lo cual, nuestra tarea debe ser facilitar al máximo dicha lectura.

Un blog cuya composición es de un 90% de texto la elección del tipo de fuente no es vanal. No obstante, mientras sigamos una serie de pautas y estándares el proceso no tiene porque ser excesivamente tedioso.

Las principales características que deberíamos tener en cuenta a la hora de elegir una fuente son:

- Que se ajusten al carácter de tu sitio.
- Facilidad de lectura en la pantalla del ordenador.
- Estén disponibles en diversos navegadores y sistemas operativos.

1.Tipos de fuentes.
Las fuentes podemos dividirlas en dos grandes grupos: serif, sans-serif

La diferencia entre una y otra radica en que las serifs tienen unas pequeñas rayas horizontales arriba y abajo, como pequeños rabitos. Un ejemplo de serif sería, Times New Roman y de sans-serif sería Arial.

En términos generales los usuarios consideran más fáciles de leer las fuentes sans-serif.

2.Tamaño de fuentes.

El tamaño medio de fuente usado en las webs es de 12px (size=3). Una cosa que parece clara es la contraindicación de usar fuentes excesivamente pequeñas, 9px. Desaconsejado además por el W3C. Lo ideal sería ofrecer al usuario la posibilidad de ajustar el tamaño de fuente a su necesidad, no obstante, en muchos blogs ofrecer ésta opción no es posible.

3. Análisis de diferentes fuentes.

- Arial

Es probablemente el formato de fuente sans-serif más común, su disponibilidad es amplia.

Es una de las fuentes más utilizadas, pero pierde calidad en tamaños pequeños, su carácter es moderno pero puede resultar algo plano y aburrido.

Su equivalente en Mac es Helvetica.

- Times New Roman

Su disponibilidad también es amplia y es el formato serif más común. Es la fuente predeterminada de los navegadores.

Su facilidad de lectura es aceptable para tamaños de fuente desde los 12px arriba pero nefasta para tamaños menores.

Su carácter es serio, formal y un poco anticuado.

El equivalente en Mac es Times.

- Verdana

Es una fuente sans-serif con alta disponiblidad, se incluyó con Internet Explorer 3, cuando se hacía necesario un tipo de fuente de mayor facilidad de lectura

Su lecturabilidad, por tanto, es excepcional incluso en tamaños pequeños.

Su carácter es moderno, amigable y profesional.

- Georgia

Su disponibilidad es buena, se introdujo con IE4.

Su facilidad de lectura es muy buena, es la mejor fuente serif para leer online dado que se creó con ese propósito.

Su carácter es moderno, profesional y amigable.

Existen otras fuentes como Comic Sans, cuya lectura es buena, no obstante, no parece indicada para dotar de un carácter serio a tu blog, además de ser una fuente un poco detestada por los diseñadores. Trebuchet es parecida a Arial y difícil de leer en tamaños pequeños. Por último, Courier New, es una fuente serif que imita a las máquinas de escribir antiguas y sule usarse para representar código HTML.

Conclusiones.

Parece que la mejor fuente para usar en la web podría ser tanto Verdana como Georgia, no obstante la decisión depende mucho de tí y en las preferencias de los usuarios que puedes ver en el gráfico obtenido de Usability News.


La longitud de la barra indica mayor preferencia entre los usuarios.

Más información:

Artículos relacionados:

9 Comentarios

  1. 29 de Septiembre, 2006 - 20:41| Permalink

    Está bien tener cuidado al seleccionar la fuente, pero creo que también es importante conseguir que el texto “respire” en la página:

    * elegir con cuidado el espaciado entre caracteres, líneas y párrafos

    * no pretender llenar con texto hasta el último rincón de la página – defecto que creo propio de bloggers más jóvenes

    * no pasarse con los colores – a mi modo algo arcaico de ver, no más de dos colores de fuente – y vigilar el contraste de éstos con el fondo

    * ….. (¿más sugerencias?)

  2. 29 de Septiembre, 2006 - 20:43| Permalink

    (Por cierto, como usuario de la Comic Sans, me has dejado con la curiosidad de por qué la odian los diseñadores)

  3. 29 de Septiembre, 2006 - 22:42| Permalink

    Yo prefiero Helvética o en su defecto Verdana. No entiendo mucho de fuentes, pero en cuanto a colores me decanto por dos: Uno para texto y otro para enlaces. Además que sigan el esquema general del sitio. Opino que un buen diseño no llama la atención. Si consigue pasar desapercibido, es porque es como tiene que ser, y los lectores se centrarán en el contenido.
    Comic Sanas ha sido tan utilizada en su momento que daña la vista. Creo que Times va por el mismo camino, pero por lo menos es algo más “seria¿?”

  4. 30 de Septiembre, 2006 - 11:57| Permalink

    A mí me gusta la verdana aunque no tengo nada en contra de las otras, bien usadas pueden servir.

    Sobre el tema que comenta José Angel acerca de la Comic Sans aquí tiene un buen artículo.

    Ahh, muchas veces se confunde usabilidad y accesibilidad.

    Saludos. :-)

  5. 30 de Septiembre, 2006 - 15:59| Permalink

    El problema es que no siempre es posible utilizar estos formatos, en wordpress, muchos formatos no son aceptados o usando windows live writer, se pueden hacer maravillas off-line, pero cuando se publican, no funcionan on-line. Gracias!

  6. 21 de Febrero, 2007 - 16:34| Permalink

    Pues yo prefiero casi siempre la tipografía de palo seco que no con terminales.. ¿es que soy la única que odia Times New Roman? :(

    Saludos! :D

  7. alejandra
    9 de Mayo, 2007 - 1:56| Permalink

    yo no kiero ninguna todas estan bn feas jajajajajja

  8. 12 de Octubre, 2007 - 15:24| Permalink

    Bueno, Dimas, acabé de revisar tus artículos de la serie Crear un Blog, y los estructuré en un sólo documento. Quiero antes que nada agradecerte ese trabajo, que es realmente un compendio magnífico. Lo trabajaré con mucho cuidado, y te prometo hacerte una visión de conjunto sobre el Manual.
    Muchas, muchas gracias.

  9. SAMUEL VANEGAS SOTO
    31 de Enero, 2008 - 1:31| Permalink

    hola, quisiera saber como obtengo la fuente “calibri”

2 Trackbacks

  1. Por Como mejorar tu sitio web¿? - Tecno-Wappy el 29 de Septiembre, 2006 - 19:13

    [...] ¿Que tipo de fuente usar? [...]

  2. [...] Artículos: Qué tipo de fuente usar – BlogMundi [...]