Que tipo de letra usar en una web

Antes de diseñar una web, siempre he tenido claro la pauta a seguir:

1. Conectarme a Alexa Top Sites
2. Abrir diez pestañas en mi navegador con los Top10 sites de todo el mundo.
3. Comparar diseños
4. Sacar conclusiones

¿Por que hago esto? La respuesta es sencilla y lógica, el presupuesto en webmasters y diseñadores web de estos diez sitios supera al de los siguientes quinientos. Por otro lado, la eficacia de estos sites está más que demostrada por el puesto que ocupan en el ranking de visitas. Con lo cual, si hago un análisis correcto, puedo obtener conclusiones certeras de como diseñar mis webs y las de mis clientes sin temor a equivocarme.

Pese a todo siempre tengo clientes que me piden contenidos en Flash, dibujos en movimiento, música, entradas espectaculares, etc. En ese momento no respondo ni argumento, simplemente pregunto ¿Quiere algo como qué?, por que la petición suele venir por que algún amigo o competidor tiene una espectacular entrada en Flash para su web y él no debería ser menos. Rápidamente le invito a hacer búsquedas en Google sobre temas relevantes, productos y servicios por los que la web de referencia debería aparecer en los primeros puestos y rápidamente se dan cuenta de la poca eficacia de estos diseños. Por si mi cliente no ha salido de dudas, hago "la prueba del algodón" entrando en los Top3, 5 o 10 de Alexa para demostrarle cual es el diseño de las páginas más visitadas y con más éxito del mundo, e inmediatamente acabo convenciéndole que EL MEJOR DISEÑO ES EL MÁS LEGIBLE, RÁPIDO DE CARGAR Y MEJOR ESTRUCTURADO.

Tipo de letra (fuentes) para el contenido

Para elegir el tipo de letra para el contenido de una web, hago un escaner mental de los Top10 sites, pero en este caso me he tomado la molestia de hacer un escaner gráfico cuyos resultados son:

Web Ranking Alexa Top Sites Presupuesto aprox. para webmaster Tipo de letra logo Tipo de letra contenidos web

Google 1 ? Propia Sans-Sherif predeterminada del navegador

Facebook 2 ? ? Sherif Sans-Sherif predeterminada del navegador

YouTube 3 ? ? Sans-Sherif Sans-Sherif predeterminada del navegador

Yahoo! 4 ? ? Sherif Sans-Sherif predeterminada del navegador

Baidu 5 ? ? Sans-Sherif Pictogramas y sans-sherif predeterminada del navegador

Wikipedia 6 ? ? Sherif Sans-Sherif predeterminada del navegador

Windows Live 7 ? ? Sans-Sherif Segoe UI,Tahoma,Verdana,Arial

Blogspot.com 8 ? ? Sans-Sherif Arial

Twitter 9 ? ? Sans-Sherif Arial

QQ.com 10 ? ? ?

* Fuente predeterminada en Crome Sans-Sherif= Arial

Lamento que la tabla no se vea muy bien en el blog, pero espero que más o menos se intuya.

Tipo de letra para el logo

En cuanto al tipo de letra para el logo, es algo que no voy a tratar aquí por que requiere un estudio más profundo y más complejo que lo de visitar el Alexa Top10, aunque hacerlo pudiera orientarnos en algo, ya que las webs más visitadas suelen coincidir con algunas de las marcas más reconocidas.

Enlaces relacionados

Libros recomendados sobre tipografía

En estos enlaces también podréis ver otros criterios más científicos para determinar que tipo de fuente usar en vuestras webs. Ya veréis como las conclusiones suelen acar siendo las mismas.

http://acceso.uv.es/accesibilidad/artics/01-tipo-letra.htm
http://www.blogmundi.com/2006/09/29/que-tipo-de-fuente-usar/
http://www.cosassencillas.com/articulos/16-tipografias-web-estandares-para-usar-con-css