ES
PortuguêsEnglishEspañol
Inicio Favoritos
Voltar

Combinación de fuentes de Google Fonts

Elige una combinación lista o una fuente para los títulos y otra para el texto. Escribe el nombre de tu negocio para ver cómo queda y copia el código.

Cómo usar

Fuentes que combinan

Disponible en: PortuguêsEspañolEnglish

Siguiente herramientaComparar JSON (diff)→
Publicidad

Combinación de fuentes de Google Fonts: para qué sirve

Elige uno de los pares listos (elegante, moderno, clásico, fuerte, delicado, dulce, editorial, limpio o artesanal) o combina libremente 28 fuentes populares de Google Fonts, con el peso del título. La vista previa carga las fuentes de verdad y muestra el nombre de tu negocio y un párrafo.

El código incluye el preconnect, el enlace de Google Fonts solo con los pesos usados y display=swap, y las reglas CSS para títulos y texto.

Cómo usar

  1. Elige un par listo o dos fuentes.
  2. Escribe el título y el texto de la vista previa.
  3. Copia el enlace y el CSS para tu sitio.

Cuándo usar

  • Elegir la identidad visual de un sitio.
  • Probar fuentes antes de mostrárselas al cliente.
  • Combinar títulos llamativos con texto legible.

Preguntas frecuentes

¿Las fuentes de Google Fonts son gratis?

Sí. Las fuentes de Google Fonts son de código abierto y se pueden usar en sitios comerciales sin pagar.

¿Cómo elegir dos fuentes que combinen?

Una regla simple es contrastar: una fuente con personalidad en los títulos (con serifa o de exhibición) y una fuente sin serifa muy legible en el texto. Evita dos fuentes muy parecidas, que parecen un error, y no uses más de dos.

¿Las fuentes hacen lento el sitio?

Cada peso de fuente es un archivo más. Carga solo los pesos que uses; el código ya incluye display=swap, que muestra el texto con una fuente del sistema mientras carga la fuente, y preconnect para acelerar la conexión.

¿Y la privacidad?

Cargar las fuentes directamente desde Google envía la IP del visitante a Google. Si prefieres evitarlo, descarga las fuentes y alójalas en tu propio sitio.

Herramientas similares

¡Muchas gracias por ayudar!

Cada donación ayuda a mantener el sitio en línea. Las herramientas fueron hechas para ayudarte, pero tenemos gastos de servidores. Si puedes ayudar, ¡ayuda mucho! Elige o escribe el monto:

Pago seguro con Stripe. Se abre en otra pestaña.

Las herramientas se ofrecen tal como están, sin garantía. No nos responsabilizamos por los resultados ni por el uso que se hace de ellas.