Herramienta gratuita

Calculadora de fuentes
responsive

Genera fórmulas CSS clamp() para tipografía fluida que escala desde móvil hasta desktop sin saltos. Sin media queries, código limpio y moderno.

Viewport (px)

Tamaño fuente (px)

font-size: clamp(16px, 16px + (32) * ((100vw - 320px) / (960)), 48px);

Móvil (320px)

Texto de ejemplo

Desktop (1280px)

Texto de ejemplo

¿Cómo funciona clamp()?

clamp(min, preferred, max) establece un tamaño mínimo, máximo, y un valor preferido que escala fluidamente entre breakpoints. Sin media queries, sin saltos bruscos.

← Volver a herramientas
WhatsApp