Laboratorio de Emparejamiento de Fuentes Web

Previsualiza un emparejamiento de titular + cuerpo de Google Fonts en paralelo, ajusta peso e interlínea, y copia un snippet CSS listo para pegar.

Cómo usar

1. Elige una fuente de titular y una fuente de cuerpo del registro curado de 22 fuentes.
2. Ajusta el peso del titular y el peso del cuerpo; cada fuente se ajusta al peso disponible más cercano.
3. Modifica tamaño del cuerpo (px) e interlínea; la previsualización se actualiza.
4. Personaliza opcionalmente los textos de ejemplo titular y ejemplo cuerpo.
5. Copia el CSS generado — incluye un único @import que carga solo los dos pesos elegidos, variables CSS y reglas para h1, h2, h3 y body, p.

Emparejamientos curados — el panel sugiere 7 combinaciones probadas (editorial, SaaS, noticias, tech, artesanal, póster, dev-tool).

El registro cubre Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Work Sans, DM Sans, Nunito, Space Grotesk, Playfair Display, Merriweather, Lora, Source Serif Pro, Crimson Text, EB Garamond, Libre Baskerville, Oswald, Bebas Neue, Caveat, JetBrains Mono y Fira Code.