Selección de Tipografías con Google Fonts, DaFont y Wordmark

Clase 9 de 13 • Curso de Introducción al Diseño para Marketing

Contenido del curso

Diseño de marketing

Elementos visuales: gráficos, color y tipografía

Pautas de diseño

Resumen

Lo recomendable es elegir 2 tipografías para que el mensaje que reciba el usuario sea más contundente y no sea eclipsado por distintas visuales de las tipografías.

Sitios web para encontrar tipografías

Si tienes dudas donde encontrar la tipografía correcta para tus diseños te recomendamos explorar al alguna de estas herramientas:

1. Google Fonts

Son gratuitas y se consideran de confianza, además pueden ser usadas de forma comercial.

Algunas de las más comunes son: Roboto, Open Sans, Monserrat, Raleway, Oswald, Poppins, Lato, entre otros.

2. Fontpair

Esta página busca por ti otras fuentes que pueden combinar con la que ya has seleccionado.

3. Wordmark

Es una herramienta para ver todas las fuentes que tienes instaladas en tu equipo con un texto en concreto.

4. DaFont

En esta página hay mucha variedad y esto puede perjudicar a la calidad, debe tomarse con cuidado los términos de licencia.

Contribución creada con los aportes de: Marieth Alvarado & Angel Arias.

Comentarios

Angel Gabriel Arias Lezama

student•

APUNTES - Clase 9

Lo recomendable es elegir 2 tipografías para que el mensaje que reciba el usuario sea más contundente y no sea eclipsado por distintas visuales de las tipografías. ..

Google Fonts https://fonts.google.com/ Son gratuitas, se consideran de confianza y pueden ser usadas de forma comercial. Algunas de las más comunes son: Roboto, Open Sans, Monserrat, Raleway, Oswald, Poppins, Lato, entre otros. ..
Fontpair https://www.fontpair.co/ Esta página busca por ti otras fuentes que pueden combinar con la que ya has seleccionado. ..
Wordmark https://wordmark.it/ Es una herramienta para ver todas las fuentes que tienes instaladas en tu equipo con un texto en concreto. ..
DaFont https://www.dafont.com/ En esta página hay mucha variedad y esto puede perjudicar a la calidad, debe tomarse con cuidado los términos de licencia.

JUAN ANTONIO TEBRE QUILIMACO

student•

Es muy buena esta profe. Explica en clases cortas lo preciso para iniciarnos en este mundo.

Yaiza Velázquez Santiago

teacher•

¡Gracias Juan! :)

Juan E. Cañas J.

student•

Que buena recomendación Fontpair! Me sirvió bastante para mi proyecto. Tambien descubrí https://www.myfonts.com/WhatTheFont/, el cual identifica la tipografía de un texto, en una imagen.

Yaiza Velázquez Santiago

teacher•

¡Hola, Juan! Gracias por el aporte :) Conocía WhatTheFont, lo único que ahora mismo está muy monetizada y siempre te recomienda tipografías de pago. Aunque para tener idea de la tipografía que se utiliza siempre viene bien :)

Héctor Alonso Padilla Ramírez

student•

Principios clave antes de elegir

Usa máximo 2 o 3 tipografías por proyecto.
- Más de tres genera ruido visual y resta coherencia al mensaje.
Respeta el diseño original de la tipografía.
- No modifiques interlineado, interletrado o proporciones manualmente, ya que los tipógrafos las diseñaron para mantener armonía visual y legibilidad.
Define roles claros:
- Titulares: Tipografía principal (impactante, con personalidad).
- Cuerpo de texto: Tipografía de lectura (limpia, estable).
- Detalles / acentos: Variante o fuente secundaria opcional.

Herramientas online para elegir tipografías

A. Google Fonts

Ventajas:

Biblioteca oficial de tipografías gratuitas y de uso comercial.
Calidad tipográfica profesional y compatibilidad total con web y software de diseño.
Permite visualizar frases personalizadas y probar diferentes pesos o estilos.

Cómo usarla:

Escribe tu texto (ej. “Los mejores cursos”).
Filtra por categoría (Sans Serif, Serif, Display, etc.).
Ajusta tamaño y peso para comprobar legibilidad.
Descarga la familia completa si deseas mantener jerarquía visual (bold, regular, light…).

Ejemplos populares:

Sans Serif: Roboto, Montserrat, Open Sans, Lato, Oswald.
Serif: Playfair Display, Merriweather.

B. DaFont

Ventajas:

Enorme variedad de tipografías creativas, manuscritas o decorativas.
Ideal para proyectos específicos o temáticos (terror, vintage, infantil, etc.).

Precauciones:

Calidad irregular. No todas las fuentes están bien diseñadas.
Licencias limitadas: muchas no permiten uso comercial.
No suelen tener familias completas.

Consejos de uso:

Navega por categorías superiores: Sans Serif, Serif, Script, Básico.
Evita secciones como Fantasía o Groovy si buscas legibilidad profesional.
Lee siempre el archivo de licencia que acompaña a la fuente.

C. Wordmark

Ventajas:

Permite visualizar una palabra o frase escrita con todas las tipografías instaladas en tu computadora.
Ideal para comparar de un vistazo cómo se verá tu nombre de marca, título o eslogan.
Puedes ajustar el tamaño para probar legibilidad en distintos formatos.

Recomendación: Si no encuentras ninguna fuente convincente, usa Wordmark como filtro inicial y luego busca fuentes adicionales en Google Fonts o DaFont.

D. Font Pair

Objetivo: ayudarte a combinar tipografías compatibles. Partiendo de una fuente base, muestra opciones de combinación equilibradas (por contraste o similitud).

Consejo: Probar combinaciones de distintas categorías (por ejemplo, Serif + Sans Serif) mejora la jerarquía visual y mantiene coherencia.

Proceso recomendado para tu proyecto

Define el tono de la marca: ¿moderna, elegante, artesanal, tecnológica?
Busca opciones base en Google Fonts.
Prueba combinaciones en Font Pair o Wordmark.
Explora alternativas decorativas o expresivas en DaFont, solo para titulares o detalles.
Verifica licencias (sobre todo si el proyecto es comercial).
Guarda tus elecciones en tu brandbook (principal, secundaria y variantes).

Recomendaciones finales

No mezcles más de dos estilos tipográficos distintos.
Evita fuentes cliché (Comic Sans, Papyrus, Curlz MT).
Prioriza legibilidad antes que originalidad extrema.
Crea contraste visual: una fuente gruesa y moderna puede combinarse bien con otra más ligera y clásica.
Mantén consistencia entre soportes (digital e impreso).

Eugenio Cruz Sánchez

student•

Algo muy útil también, es dependiendo el texto, si es un folleto, trípticos, brochure o contenido con textos variados, busquen si tiene opción de números (caja alta o elzeverianos, ya que hay clientes que no les gustan) a, tildes, diéresis y más signos gramaticales, porque a veces encuentras la tipografía adecuada y apropiada y descubres que le falta algún caracter o carece de tildes, guiones, etcétera y debes o buscar otra fuente tipográfica o ponerlas de manera manual

Yaiza Velázquez Santiago

teacher•

¡Eugenio! SÚPER ÚTIL tu consejo. La verdad que me lo apunto para futuras clases indicarlo, tienes toda la razón.

Gerardo Moreno

student•

Fontpair también tiene una extensión buenísima muy similar a "Fonts Ninja". Te muestra cuales son las tipografías utilizadas en la pagina y todas sus variantes de color.

Yaiza Velázquez Santiago

teacher•

Uy, mil gracias! Conocía la web de Fontpair, pero no que tuviese una extensión :D

Luisana Rocca

student•

No sabia que existian tanta diversidad en el diseño de letras

Yaiza Velázquez Santiago

teacher•

Kenia Roso

student•

Elegir 2 tipografías o como máximo 3. Si añades mas, el mensaje principal será eclipsado por las tipografías. No es recomendable modificar el interlineado y el interletrado.

Herramientas

Google Fonts: Tipografías “de confianza”, gratuitas y pueden ser utilizadas para uso comercial. Algunas que puedes elegir es Roboto, Open Sans, Monserrat, Oswald, Lato, Raleway y Poppins.
Dafont: Hay manuscritas, decorativas existe mucha variedad, poner atención a la licencia y a la calidad de la tipografía.
Wordmark: Puedes ver una palabra escrita con todas las tipografías que tengas instaladas en tu equipo.
FontPair: Cuando tengas elegida una tipografía, se parte desde una ya elegida y luego puedes ver posibles combinaciones.

Gianella Vilca

student•

Una docente mía, recomendaba también, que si se va elegir una tipografía manuscrita, de preferencia que sea creada de cero, en especial para logos.

Yaiza Velázquez Santiago

teacher•

Gracias por el aporte, Gianella :)

Andrés David Loaiza Zamudio

student•

Menos es más para mi

Yaiza Velázquez Santiago

teacher•

+1 :D

Miguel Ángel Lozada Niño

student•

Una biblioteca de tipografías que tiene joyitas es esta:

P.S Anímense a usar Satoshi y Clash Display 👀

Rubens A. Rangel Gomez

student•

Gracias por la recomendación, no conocía Fontshare. Me parece interesante tener más bibliotecas aparte de Google Fonts porque a veces ahí se encuentran tipografías menos usadas y eso ayuda a que los diseños se vean más originales

Rubens A. Rangel Gomez

student••

Algo que también me parece clave al elegir tipografías es pensar en la experiencia del usuario final, no solo en la estética. A veces una fuente puede verse muy atractiva, pero si no es fácil de leer o no mantiene coherencia con la marca, termina afectando la comunicación. Me gustó mucho la idea de definir roles (títulos, texto y detalles) porque eso ayuda a que el diseño tenga más orden y profesionalismo.

Luisana Rocca

student•

es obligatoria descargar el lote de letras para poder usarla? no se puede usar en linea?

Yaiza Velázquez Santiago

teacher•

¡Hola, Luisana! Depende del programa en el que trabajes. Si es en Photoshop tendrás que descargarlas, en cambio para Canva por lo general no es necesario :)

Luisana Rocca

student•

cuand descargamos los diseños de letras en que programa podemos usarlas?

Yaiza Velázquez Santiago

teacher•

Si descargas un pack de tipografías puedes utilizarlo en cualquier herramienta de escritorio como cualquier programa de la suite de Adobe :)

Paula avendaño

student•

Muchas gracias por las herramientas que das con su respectiva explicación

Gilbert Marin

student•

Excelentes recursos!

MARIA TERESA PANIAGUA RIVERA

student•

Gracias

Yaiza Velázquez Santiago

teacher•

Selección de Tipografías con Google Fonts, DaFont y Wordmark

Diseño de marketing

Diseño Básico de Piezas para Marketing Digital e Impreso

Errores comunes en la comunicación con diseñadores gráficos

Creación de Key Visual para Campañas de Marketing

Creación de Campañas desde Cero: Inspiración y Referencias

Elementos visuales: gráficos, color y tipografía

Recursos Gráficos para Campañas de Marketing

Modos de Color en Campañas de Marketing

Creación de Paletas de Color con Adobe y Colors

Categorías Tipográficas y su Uso Estratégico en Marketing

Selección de Tipografías con Google Fonts, DaFont y Wordmark

Pautas de diseño

Jerarquía Visual en Diseño de Campañas Publicitarias

Diseño de Composiciones Gráficas en Photoshop

Composición Visual en Diseño de Marketing

Consistencia en Campañas de Marketing Visual