DESARROLLADORES

Generador CSS clamp

Genera tamaño de fuente fluido entre dos anchos con vista previa.

HERRAMIENTA GRATUITA

Fuente mínima (px)Fuente máxima (px)Ventana mínima (px)Ventana máxima (px)Fuente raíz (px)Ventana de vista previa (px)

font-size: clamp(1rem, 0.666667rem + 1.666667vw, 2rem);

Texto de vista previa

24 px

Interpolación lineal; rem depende de la raíz indicada. Prueba zoom y accesibilidad en tu diseño.

Ejemplo

16–32 px entre 320–1280 px, raíz 16 px: clamp(1rem, 0.666667rem + 1.666667vw, 2rem).

Configura tamaños de fuente, anchos y tamaño raíz.

Interpolación lineal; rem depende de la raíz indicada. Prueba zoom y accesibilidad en tu diseño.

Configura tamaños de fuente, anchos y tamaño raíz.

16–32 px entre 320–1280 px, raíz 16 px: clamp(1rem, 0.666667rem + 1.666667vw, 2rem).

Interpolación lineal; rem depende de la raíz indicada. Prueba zoom y accesibilidad en tu diseño.

¿Cómo funciona?

Configura tamaños de fuente, anchos y tamaño raíz.

¿Qué debo comprobar?

Interpolación lineal; rem depende de la raíz indicada. Prueba zoom y accesibilidad en tu diseño.