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.

¿Qué es el inbound marketing? Beneficios y ejemplos reales

¿Qué es el inbound marketing? Beneficios y ejemplos reales

¿Has oído hablar del Inbound Marketing? Si has llegado hasta aquí es porque te interesa el marketing de contenidos y quieres aprender a conseguir que tus clientes vengan a ti sin tener que ir a buscarlos. En este post te explico que es el Inbound Marketing, para que...

Qué es y cómo hacer un buen Card Sorting

Qué es y cómo hacer un buen Card Sorting

Antes de comenzar con el tema del Card Sorting, es conveniente repasar el concepto de arquitectura de la información (AI), siendo esta la razón principal de que llevemos a cabo un card sorting. La arquitectura de la información ayuda a organizar de manera coherente...

Top 3 mejores herramientas de prototipado web

Top 3 mejores herramientas de prototipado web

El prototipado se ha convertido en una fase indispensable a la hora de desarrollar un sitio web o una app, permite optimizar la experiencia del usuario ya que ofrece la posibilidad de mostrar al usuario la simulación del producto final y este puede hacerse una idea...

Mejores herramientas para Email marketing

Mejores herramientas para Email marketing

El emailing o email marketing es una de las técnicas de captación de tráfico más utilizadas en el sector digital. Su finalidad puede ser muy diversa, ya que puedes obtener más contactos a los que poder ofrecer tu producto/servicio, confirmar una orden de compra,...

Cómo elegir plantilla de WordPress + mejores plantillas 2021

Cómo elegir plantilla de WordPress + mejores plantillas 2021

A  la hora de elegir nueva plantilla para Wordpress, debemos tener en cuenta varios puntos clave que ayudarán en el comienzo de nuestro proyecto web. La elección es importante, ya que de ello dependerá la adaptabilidad, las opciones de diseño, configuraciones...

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 *