Fluid Typography

La tipografía fluida ajusta el tamaño del texto entre un mínimo y un máximo según el viewport o el contenedor.

El patrón habitual usa clamp():

h1 {
  font-size: clamp(2rem, 4vw, 4rem);
}

Cuándo usarla

  • Headlines que deben escalar entre móvil y desktop.
  • Sistemas de diseño con escalas responsivas.
  • Landing pages y layouts editoriales.

Relacionado