Descubra y previsualice hermosas combinaciones de Google Fonts, con texto de ejemplo en tiempo real y copia de reglas CSS con un solo clic
Herramientas CSS
Acerca de esta herramienta
La herramienta de Combinación de fuentes CSS le ayuda a encontrar la combinación perfecta de fuentes para títulos y cuerpo de texto entre 16 pares seleccionados de Google Fonts. Filtre por categoría, previsualice el texto en tiempo real, ajuste los tamaños de fuente y copie el código CSS listo para usar con declaraciones @import.
Características principales
- 16 combinaciones seleccionadas de Google Fonts para títulos y cuerpo de texto
- Filtro por categoría: todas, sans-serif, serif, monospace, display
- Vista previa en tiempo real con texto de ejemplo personalizado para título y cuerpo
- Tamaños de fuente ajustables para título y cuerpo de texto
- Genera código CSS con declaraciones @import
- Copie el código CSS de la combinación de fuentes con un solo clic
Casos de uso
- Elegir esquemas tipográficos para nuevos diseños de sitios web y landing pages
- Encontrar fuentes complementarias para diseños de blogs y editoriales
- Prototipar combinaciones de fuentes antes de definir un sistema de diseño
- Generar CSS tipográfico consistente para sistemas de diseño
- Explorar rápidamente combinaciones de fuentes serif, sans-serif y display
fonts
typography
css
google-fonts
Preguntas frecuentes
¿Qué es la Combinación de fuentes CSS?
La Combinación de fuentes CSS es una herramienta CSS en línea que le ayuda a descubrir y previsualizar combinaciones seleccionadas de Google Fonts, con texto de ejemplo en tiempo real y generación de código CSS con un solo clic. Se ejecuta completamente en el navegador, sin enviar datos a ningún servidor.
¿Cuántas combinaciones de fuentes están disponibles?
La herramienta incluye 16 combinaciones seleccionadas de Google Fonts, que abarcan categorías como sans-serif, serif, monospace y display. Puede filtrar por categoría para encontrar la combinación más adecuada.
¿Puedo ajustar los tamaños de fuente en la vista previa?
Sí, puede ajustar los tamaños de fuente del título y del cuerpo de texto usando los controles integrados. Esto le permite ver cómo se verán las fuentes a diferentes tamaños antes de decidirse por una combinación.
¿Es gratuita la Combinación de fuentes CSS?
Sí, la Combinación de fuentes CSS es completamente gratuita. No hay costos ocultos, suscripciones ni limitaciones. Todas las funciones están disponibles para todos.
¿Puedo usar la Combinación de fuentes CSS en el móvil?
Sí, la Combinación de fuentes CSS tiene un diseño completamente responsivo y es compatible con todos los dispositivos, incluidos smartphones, tabletas y ordenadores de escritorio.