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 usarFuentes que combinan
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
- Elige un par listo o dos fuentes.
- Escribe el título y el texto de la vista previa.
- 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.