Herramientas tipográficas
Herramientas interactivas gratuitas para selección de fuentes, combinación y generación de CSS. Todo se ejecuta en tu navegador.
Generador de combinaciones de fuentes
Selecciona una fuente y obtén combinaciones recomendadas por IA con vista previa en vivo.
Abrir herramienta →Vista previa de fuente
Previsualiza cualquier fuente de Google Fonts con texto, tamaño, peso y color personalizados.
Abrir herramienta →Comparar fuentes
Compara 2-4 fuentes lado a lado con texto de muestra idéntico.
Abrir herramienta →Calculadora de escala tipográfica
Genera escalas tipográficas armoniosas usando ratios como 1.25, 1.333, 1.5.
Abrir herramienta →Constructor de pila de fuentes
Construye pilas CSS font-family con fuentes de respaldo web seguras.
Abrir herramienta →Generador de código CSS
Genera código CSS @import y font-family listo para usar para cualquier fuente de Google.
Abrir herramienta →Verificador de contraste
Verifica la relación de contraste de color texto/fondo según los estándares WCAG AA y AAA.
Abrir herramienta →Calculadora de tipografía fluida
Genera declaraciones CSS clamp() para tipografía responsive fluida entre tamaños de viewport.
Abrir herramienta →Conversor px / rem / em
Convierte entre unidades px, rem, em y pt al instante. Establece tu tamaño de fuente base.
Abrir herramienta →Font Pairing Tool
Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.
Abrir herramienta →Laboratorio de fuentes variables
Explora los ejes de fuentes variables de forma interactiva — peso, ancho, inclinación y tamaño óptico.
Abrir herramienta →