$ Presets
# Fuente para títulos
# Fuente para texto
$ Vista previa
</> Código
$ Cómo usar el generador de pares de fuentes
Empieza eligiendo un preset — son combinaciones probadas que funcionan bien juntas. O ve a lo personalizado: elige una fuente de título y una de texto en los dropdowns (todas de Google Fonts), ajusta tamaños y pesos, y mira cómo la vista previa se actualiza en vivo. Cambia entre las vistas Artículo, Hero y Card para ver cómo se comporta el par en distintos contextos. Cuando estés conforme, copia el import o el CSS y pégalo en tu proyecto.
Qué hace bueno un par de fuentes
Los mejores pares crean contraste sin chocar. Un patrón común es una serif o display para títulos junto a una sans-serif limpia para texto. El título llama la atención; el texto se mantiene legible. Evita parear dos fuentes demasiado parecidas — si entornas los ojos y no las distingues, elige algo con más personalidad para el título.
Por qué esto importa para tu app
Tus capturas para el App Store, tu landing y la UI dentro de la app se benefician de una tipografía coherente y bien pareada. Las fuentes que eliges marcan el tono — divertido, profesional, minimal, atrevido. Acertar pronto con el par te ahorra rediseños después. Usa esta herramienta para experimentar rápido y luego llevar el CSS exacto a tu proyecto.
$ FAQ
¿Es gratis?
Sí — completamente gratis, sin registro, sin límites. Corre enteramente en tu navegador y carga las fuentes directo desde Google Fonts.
¿Puedo usar estas fuentes en mi app?
Todas las fuentes aquí son de Google Fonts y de código abierto. Puedes usarlas en apps, webs, impresos — donde sea. Revisa la licencia de cada fuente en Google Fonts para detalles (la mayoría son SIL Open Font License).
¿Cómo añado las fuentes a mi proyecto?
Copia la etiqueta <link> o la línea @import desde la sección de código y añádelas a tu HTML o CSS. Después usa las declaraciones font-family que se muestran en la salida CSS.
¿Por qué algunos pesos aparecen como no disponibles?
No toda Google Font soporta todos los pesos. Los chips de peso solo muestran los pesos que la fuente seleccionada provee de verdad.