El diseño web es una disciplina en la que participan numerosos elementos. Uno de los que en ocasiones pasa desapercibido es la tipografía. Los tipos de fuentes en el diseño web son tan importantes como las imágenes, los colores, la disposición o el contenido.
Podemos hacernos dos preguntas con respecto a las tipografías en el diseño web. Si el objetivo fundamental de cualquier sitio es comunicar, ¿por qué muchos siguen sin preocuparse de la tipografía? Y la otra es, si una buena parte del contenido de una web es tipografía, ¿por qué no cuidar las fuentes, revisar las letras para títulos o acudir a tipografías modernas y conocer las fuentes más usadas?
¿Cómo elegir la tipografía para una web?
En ocasiones no resulta sencillo elegir tipografías para diseño web. El amplio catálogo del que disponen los diseñadores, muchas de esas fuentes gratuitas, hace que tomar esta decisión se convierta en una tarea difícil. Pero al tiempo ofrece muchas posibilidades para darle al contenido o al diseño de la web una identidad propia y con vistosidad, algo que acaba influyendo positivamente en la imagen de marca.
La tipografía es un aspecto imprescindible que el diseñador no debe pasar por alto. Las mejores tipografías pueden conseguir que un sitio web cambie su significado, sea más atractivo para los usuarios y que refleje la personalidad de sus creadores.
Para elegir la tipografía es fundamental cuidar el tamaño de la fuente, la combinación de colores, la alineación y justificación y especialmente es importante saber qué idea se pretende transmtir a los usuarios.
Los errores al elegir la tipografía en un sitio web
Existen varias prácticas comunes a la hora de elegir tipografía en el diseño web que pueden ser consideradas como errores en la mayoría de los casos.
Usar un tamaño de letra ilegible es uno de ellos. Hay que habilitar fuentes que sean comprensibles y de fácil lectura para todos.
Otra práctica a evitar es la combinación desacertada de fuentes. Tipografías que no combinen entre sí incitan a la confusión y no resultan intuitivas para quienes visitan el sitio web.
Dos errores más a destacar son el de utilizar letras sobre fondos llamativos, en estos casos la tipografía pierde protagonismo; y el de apostar por tipografías que no se adecúan al mensaje que se lanza, pues cada fuente tiene una personalidad propia.
En cuanto al formato, los errores más comunes son los de emplear mayúsculas, colocar muchas cursivas y abusar de los textos centrados, que impiden una lectura cómoda y limpia.
Las fuentes más usadas en diseño web
Aunque existen decenas de tipografías, muchas de ellas modernas e innovadoras, la mayoría de diseñadores optan por acudir a un abanico medianamente reducido de ellas para crear contenido web. Mostramos a continuación algunas de estas tipografías que se utilizan para diseñar webs en todo el mundo.
Circular
Circular es tendencia desde hace unos años y es una de las mejores tipografías en la actualidad. Saltó a la fama durante el año 2015 cuando Spotify decidió incorporarla a su web. Otros sitios web donde vemos esta fuente son Airbnb y Menta.
Sans Serif
Sans Serif es una de las fuentes más utilizadas. Este tipo de tipografía no incluye ningún adorno o envoltura a su alrededor y esto la hace suave a la vista y permite una lectura más relajada. Tiene un aire juvenil muy apropiado para su uso en redes sociales como Instagram o en portales tan relevantes como Wikipedia.
Avenir
Avenir es la tipografía preferida por muchos diseñadores gráficos. Cada año aparece en las listas de mejores tipografías. Es una fuente de tipo clásico diseñada en 1988 por el tipógrafo Adrian Fughter, creador también de la fuente Univers.
Proxima Nova
Esta fuente fue creada por Marke Simonson en el año 2005 y nace como un <b>remake de la fuente llamada Proxima Sans, sacada en 1994. Proxima Nova amplia el número de fuentes de Proxima Sans desde las seis fuentes originales hasta las 48 que ofrece Proxima Nova.
En los últimos años, esta tipografía se ha convertido en una de las fuentes web más usadas y la podemos ver en páginas y blogs en todo el mundo.
Brandon Grotesque
Por último queremos señalar a Brandon Grotesque. Se trata de una tipografía moderna y diferente, con un diseño profesional que puede ser utilizada en cualquier proyecto web o gráfico. Es común verla en páginas de empresas de hosting, agencias de publicadad o revistas de tecnología.
¿Por qué elegir una fuente web u otra?
La tipografía para cada diseño web va a depender en gran medida del propósito del sitio. El diseñador o el equipo de diseño web debe elegir la fuente según su propio gusto pero, siempre, atendiendo a la legibilidad de los textos, la sensación de comodidad de los usuarios y otros aspectos como la resolución de los monitores o los dispositivos móviles desde los que se accede a este contenido.