mejores tipografías web

5 Tipografías para web que nunca pasan de moda

30 diciembre 2020 | Blog | 0 Comentarios

Si en el anterior post hablábamos sobre cómo elegir colores para una web atractiva, ahora toca elegir las tipografías que nos ayuden a mejorar el diseño de nuestra página web o blog. 

¿Qué tipografía elegir?

Hay infinidad de tipos y está pregunta es fundamental hacérnosla mientras diseñamos una web ya que definirá la personalidad de la misma y por supuesto, ayudará a tener una buena experiencia de usuario si es una elección acertada y sobre todo legible.

Lo más importante es pensar en tu público objetivo, dependiendo de esto elegiremos una tipografía más atrevida, divertida y moderna u otra más formal y seria. Además, podremos elegir varias: una para los textos y otra para los títulos por ejemplo. Pero no te recomiendo usar más de 3 tipografías diferentes en tu página web.

Las tipografías de Google Fonts son las más conocidas, de hecho hay más de 700 familias de fuentes, así que me centraré en mostrarte las mejores Google Fonts para mejorar el diseño de tu web. 

¡Vamos allá con nuestro recopilatorio!

Mejores tipografías Google Fonts

LATO

Esta tipografía es elegante y muy conocida. Es ideal para el texto del cuerpo y está  disponible desde ultra fina (Thin), hasta las súper negrita (Black).

tipografia google fonts

MONTSERRAT

Una de mis favoritas porque siempre queda bien y da personalidad al texto.

tipografias para paginas web

ROBOTO

Cuenta con varias versiones: mono, condensed y slab. Es muy utilizada para títulos o zonas de menús en las webs.

fuentes de letras google

OPEN SANS

Esta tipografía fue diseñada para ser óptimamente legible tanto en web como en dispositivos móviles. Es una de las tipografías de Google Fonts más utilizadas en Wordpress ya que es muy versátil, todo un clásico.

tipografias google

OSWALD

Es una de las fuentes condensadas más usadas de Google Fonts.

fuentes de letras gratis online

 

¿Cómo instalar la tipografía elegida?

Hay dos formas de instalar las tipografías de Google Fonts en nuestra web:

  • Podemos hacerlo insertando un código en la cabecera o head de nuestra web (no olvides hacer una copia de seguridad antes). Solo tendremos que añadir la tipografía que queramos pulsando el botón «Select this style +» y en «ver selección de familia» está el apartado usar en tu sitio web con el código a copiar en el head de nuestra web.

mejores fuentes para web

  • Mediante el plugin Easy Google Fonts puedes añadir fuentes de Google a cualquier tema sin tocar código y se integra automáticamente con el personalizador de WordPress para previsualizar los cambios en tiempo real, una manera muy sencilla de hacerlo.

Herramientas para buscar y probar las fuentes

Existen numerosas extensiones, programas y herramientas que permiten probar las fuentes de Google y así saber cuál es la perfecta para nuestro diseño web. Algunos ejemplos:

  • Google Font Previewer for Chrome, extensión de Chrome para probar las fuentes de Google directamente en tu página web.

  • What Font, otra extensión que nos permite espiar qué tipografía se ha utilizado en una página web. Ideal para inspirarnos.
  • Sky Fonts, instalando este programa podrás usar las tipografías en programas de diseño como los de paquete Adobe.

 

Páginas para buscar tipografías (gratis)

Si las tipografías de Google Fonts no te convencen, hay otros recursos a los que acudir. Verás que existen muchas páginas para descargar tipografías gratis, pero antes de descargar siempre recomiendo consultar las licencias de uso de sus creadores. Aquí te ennumero algunas de ellas:

Conclusiones

Elegir bien las tipografías para web puede marcar la diferencia de tu sitio web. Deberás probar cuál es la que mejor para tu diseño web, teniendo en cuenta que lo más importante de las tipografías es su legibilidad.

Si quieres sacarle el mayor partido a tu web y convertirte en un experto del marketing digital, conoce nuestra escuela de formación Experts Academy.

Últimas entradas

Artículos más recientes del blog de Experts Academy by Wanatop.

¿Cómo conseguir unas buenas prácticas en Marketing Digital?

¿Cómo conseguir unas buenas prácticas en Marketing Digital?

Una vez acabada la carrera, ya sea marketing u otra, es normal sentirse perdido y no saber cuál es el siguiente reto al que te quieres enfrentar. Aquí es donde tienes que pensar qué es lo que más te gusta ¿Quieres seguir formándote? ¡Hazlo! ¿Quieres buscar otras...

¿Qué es y para que sirve Adobe Creative Cloud?

¿Qué es y para que sirve Adobe Creative Cloud?

Si te dedicas día a día a crear contenidos, imaginamos que ya te sonará el término de "Adobe Creative Cloud". Es un conjunto de herramientas muy utilizado en el mundo digital, ya las aplicaciones que lo componen te permiten desde crear dibujos artísticos desde cero...

Cómo obtener las certificaciones oficiales de Google Ads

Cómo obtener las certificaciones oficiales de Google Ads

Si te vas a dedicar (o estás dando tus primeros pasos) a la publicidad online, debes saber que una de las herramientas que más utilizarás a lo largo de tu carrera profesional es Google Ads. Por si esto te suena a chino, Google Ads es un programa de publicidad en línea...

¿Cómo hacer marketing de influencers? [TODO lo que debes saber]

¿Cómo hacer marketing de influencers? [TODO lo que debes saber]

No hay duda de que el marketing de influencers está a la orden del día en el mundo digital y que ha llegado para quedarse. En este post vamos a hablar sobre cómo trabajar el marketing de influencia y la estrategia digital a seguir. ¿Qué es el Marketing de Influencers?...

Claves para definir la misión, visión y valores de una empresa

Claves para definir la misión, visión y valores de una empresa

Saber qué objetivos tiene que cumplir una empresa, cómo puede llegar a conseguirlos y en qué plazos no es un trabajo nada fácil. Para que una empresa tenga éxito no solo son necesarios productos de calidad y un buen servicio, sino que debe existir una misión, una...

Temas más buscados

Síguenos
No te pierdas nada sobre EAbW. Síguenos en redes sociales y suscríbete a nuestra newsletter.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *