Saltar al contenido

clamp() para tipografía fluida: mi fórmula

Bastián C.

Nivel 2 ·

Dejo lo que uso para títulos que crecen con la pantalla sin media queries: h1 { font-size: clamp(1.75rem, 1rem + 3vw, 3rem); } Nunca baja de 1.75rem ni pasa de 3rem, y en el medio escala suave.
360 vistas 3 respuestas 0 0

Respuestas 3

  1. TacoArquero

    Nivel 2 ·

    0 0

    Muy bueno. Lo de sumar rem + vw en el valor del medio es clave: si usás solo vw, el texto no responde al zoom del usuario.

  2. Wilson P.

    Nivel 3 ·

    1 0

    Hay calculadoras de tipografía fluida que te generan la fórmula exacta según el ancho mínimo y máximo que quieras.

  3. Joel R.

    Nivel 3 ·

    0 0

    También sirve para espaciados y anchos de contenedor, no solo para fuentes.