Combinación de fuentes y directorio de Google Fonts
Explora un directorio seleccionado de Google Fonts populares con previsualizaciones en vivo, filtra por categoría y busca por nombre, luego copia el CSS listo para pegar y descubre combinaciones de fuentes sugeridas — todo en tu navegador.
Todo se ejecuta en tu navegador — las fuentes se cargan desde Google Fonts solo para la previsualización en vivo, nada se sube, sin registro, completamente gratis.
Un titular compuesto en la fuente display
Y aquí tienes un párrafo de texto de cuerpo compuesto en la fuente de texto combinada. Las buenas combinaciones de fuentes equilibran personalidad y legibilidad: un titular con carácter atrae la mirada, mientras que una fuente de cuerpo limpia y cómoda mantiene los pasajes largos fáciles de leer. Haz clic en «CSS» para copiar ambas líneas @import y las reglas font-family para tus títulos y texto de cuerpo.
Acerca de Combinación de fuentes y directorio de Google Fonts
Este directorio de fuentes reúne 80 Google Fonts populares en una sola página con búsqueda, cada una renderizada como un espécimen en vivo con una línea de muestra tipo pangrama, una línea de alfabeto y numerales, y una insignia de categoría. Cubre cinco familias tipográficas (sans-serif, serif, display, manuscrita y monoespaciada) para que puedas comparar formas de letra reales en lugar de adivinar a partir de los nombres.
Cada tarjeta de fuente incluye sugerencias de combinación seleccionadas: fuentes compañeras que funcionan bien juntas para encabezados y texto de cuerpo. Hacer clic en un chip de combinación abre una vista previa que fija un titular en una fuente y un párrafo en la otra, para que puedas juzgar la combinación en contexto antes de comprometerte con ella.
Cuando una fuente o combinación encaja, un clic copia CSS listo para pegar: una línea @import para la hoja de estilos de Google Fonts más la pila font-family correspondiente con un respaldo sensato. Las fuentes se cargan desde Google Fonts solo para las vistas previas en vivo; nada de lo que escribas se sube a ningún lado.
Cómo usar Combinación de fuentes y directorio de Google Fonts
- Explora las tarjetas de fuentes, cada una mostrando su nombre, insignia de categoría y texto de muestra en vivo compuesto en la tipografía real.
- Usa el cuadro de búsqueda para encontrar una fuente por nombre, o haz clic en un chip de categoría (Sans-serif, Serif, Display, Manuscrita, Monoespaciada) para filtrar la cuadrícula.
- Arrastra el control deslizante de tamaño (16-72 px) para previsualizar la línea de muestra en tu tamaño de encabezado o cuerpo objetivo.
- Haz clic en un chip "Combina con" o en el botón "Vista previa de combinación" para ver un titular y un párrafo de cuerpo compuestos en la combinación sugerida.
- Haz clic en el botón "CSS" de una tarjeta o en la vista previa de combinación para copiar la línea @import y las declaraciones font-family a tu portapapeles.