Estrategia Digital

Las mejores tipografías para diseño web

Como muchos ya saben, existe un grupo de fuentes llamadas fuentes seguras para web, las cuáles son las únicas que un buen diseñador web debe utilizar un un sitio web.

Las mejores tipografías para diseño web
Arnau Costa
Arnau Costa

November 18, 2019

¿Por qué no se puede utilizar cualquier tipo de letra en diseño web?

Los navegadores son los encargados de interpretar cada diseño web. Para esto, utilizan las tipografías instaladas en el Sistema Operativo donde se estén ejecutando. Ya que no todos los sistemas operativos tienen las mismas tipografías instaladas, es mejor utilizar aquellas fuentes que estén instaladas en la mayoría de los sistemas operativos.

¿Cuáles son las tipografías instaladas por defecto en los Sistemas Operativos más usados?

Os presentamos a continuación el listado de fuentes seguras para web en el formato típico en el que se utiliza en archivos CSS:

font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

A continuación un pequeño resumen histórico sobre las tipografías más utilizadas para diseño web:

Helvetica, Helvetica Neue, Arial

Helvetica fue creada por diseñadores suizos hace 50 años y es una de las fuentes sans-serif más ampliamente conocidas. Muchas compañías populares como American Airlines, Lufthansa y Toyoya escogieron esta tipografía como parte de su mercado e identidad gráfica. Hay muchas variaciones de Helvetica, en 1983 Linotype lanzó Helvetica Neue redibujando toda la familia Helvetica. Muchos consideran que Arial, diseñada 30 años después que Helvetica, fue la imitación barata de ésta. Sin embargo, tiene más similitudes con Univers que con Helvetica.

Verdana

Verdana fue diseñada específicamente por Microsoft en 1996 con el propósito de crear una tipografía que fuera fácil de leer en un tamaño muy pequeño de pantalla. Al no tener serifs, su proporción ancha y la pérdida de espacio entre letras hacen que sea una fuente extremadamente legible para sitios web.

Georgia

Georgia es otra fuente ordenada por Microsoft en 1993 que tiene bastantes similitudes con Times New Roman, pero es sustancialmente más larga. Funciona realmente bien tanto en tamaños grandes como en tamaños pequeños, y es usualmente seleccionada por los diseñadores web como una sustituta de la ya muy utilizada Times New Roman.

Trebuchet

Una vez más, Microsoft solicitó el diseño de otra muy buena fuente para web también en 1996. Funciona especialmente bien para títulos grandes y es ahí donde se utiliza más popularmente.

Artículos Relacionados