Crea tu propia web
Gratis, Rápido, Fácil
Descubre SiteW Suscripción gratuita

Elegir la fuente de su sitio web

Te comunicas a través del contenido textual de tu sitio web, es un hecho cierto. Pero el aspecto gráfico de tu sitio web, en un nivel más sutil, también participa activamente en la transmisión de tus mensajes. Esta guía te ayudará a elegir y combinar las fuentes de tu sitio web.

Los diferentes tipos de fuentes

Fuentes serif

Las fuentes serif tienen decoraciones y adornos. Estos tipos de letra fueron utilizados históricamente en la prensa (periódicos, revistas). Representan la elegancia, la seriedad, la tradición. Son un poco “old school” y a menudo se utilizan en textos largos.

Fuentes serif

Fuentes sans serif

Las fuentes sin serifa no tienen adornos. Generalmente se consideran como las fuentes de la web porque son más legibles en la pantalla (la resolución del papel es mayor que la resolución de pantalla). Así pues son fuentes más modernas y relajadas.

Fuente sin serifa

Fuentes cursivas

Las fuentes cursivas permiten dar un aspecto más personal y original. Puedes utilizarlas para los sectores relacionados con la infancia o la artesanía.

Fuentes cursivas

Fuentes manuscritas

Las fuentes manuscritas crean una atmósfera íntima. Se prestan a la familiaridad y a la confidencia. Se adaptan perfectamente a un blog por ejemplo o, en ocasiones, para transmitir un mensaje particular: “dejame un mensaje” por ejemplo.

Fuentes manuscritas

¿Cómo elegir la tipografía ideal?

La elección del tipo de letra es un momento importante que no debe tomarse a la ligera. Para elegir las tipografías de tu web con las herramientas de SiteW, puedes leer la siguiente guía: Personaliza las fuentes de tu web. Debes seleccionarlas según los siguientes parámetros:

  • Identidad de marca

Por ejemplo, un bufete de abogados o un banco podría preferir las tipografías clásicas y serias. Que pueden identificarse como fiables y que inspiran la confianza y la seguridad. Mientras que un músico podría tomarse más libertades para ser más creativo.
De la misma manera, una marca muy masculina (deporte, automóvil) utilizará preferiblemente letras bastante macizas que producen una sensación de fuerza. Al contrario, las marcas de lujo como marcas de joyas o perfumes preferirán utilizar fuentes delgadas o decorativas.

  • Publico objetivo

Si tienes un público joven y acostumbrado a utilizar Internet, podrás elegir fuentes sin serifa. Estas son las fuentes que se utilizan en la web. Al contrario, un público más viejo que lee la prensa impresa a diario seguramente preferirá las fuentes serif.

  • Objetivos

Las fuentes desempeñan un papel importante para tus objetivos: no usas la misma tipografía para crear una llamada a la acción cómo “Comprar ahora” o “Reserva online” o para crear un botón “Más información”. De la misma manera, puedes seleccionar fuentes totalmente diferentes para un título o un párrafo. 

Elige tus fuentes

Combinación de tipografías

Primero ten cuidado de no usar demasiadas fuentes diferentes: no superes 3 fuentes para tu sitio web. Si usas demasiadas fuentes diferentes, puedes crear una sensación de desorden en tu sitio web y perjudicar la legibilidad. Dos tipografías diferentes son suficientes: una fuente original para los títulos y una tipografía clásica para el texto.
Puedes divertirte combinando las fuentes. Es una tendencia muy actual en el mundo del diseño web. Asegúrate de comparar las fuentes y realizar pruebas de compatibilidad antes de confirmar tu elección. Elegir tipografías de la misma familia puede favorecer la homogeneidad gráfica del sitio web. Sin embargo dos fuentes demasiado similares pueden perder fuerza.
También ten cuidado del fondo de tu sitio: tu fuente debe permanecer legible: un fondo texturizado puede perjudicar la lectura y el color del texto debe contrastar con el fondo para leerse fácilmente.

Destacar las tipografías

Sin tener que variar los tipos de letra, también es posible cambiar los atributos de carácter: negrita/no negrita, cursiva -aunque se recomienda utilizarla con moderación porque es difícil de leer. El uso de texto subrayado no se recomienda porque en internet la función de subrayado corresponde al código para los “links” (hipertextos). Por el contrario, puedes cambiar los tamaños de las fuentes.

Fuentes del sitio web

Utiliza los espacios vacíos de las imágenes para insertar textos. Es una tendencia muy de moda para destacar tu mensaje y hacerlo más atractivo.

encontrar fuentes web
Utiliza formas para destacar tus textos. Para ello, puedes utilizar el módulo de Widget/Formas de SiteW.

Herramientas para inspirarte y guiarte en la elección de las tipografías de tu web

Typetester.org Esta herramienta te permitirá comparar fuentes online para ver si se combinan armoniosamente entre sí.

Typespiration.com te permitirá inspirarte y visualizar combinaciones de fuentes interesantes.

Typography.com te proporcionará diferentes métodos para ayudarte a elegir tus tipografías.

Ahora sabes todo lo que necesitas para elegir la tipografía de tu web. ¡Así que adelante! ¡Y sobre todo no dudes en compartir el resultado de tu trabajo en nuestra página de Facebook!

Última actualización: 18 noviembre, 2018