text-fit (fit-to-width headlines)

Solo Chrome 150 (junio de 2026). No es Baseline.

Chrome 150Edge 150Safari noFirefox no

Escala el tamaño de fuente de un título para que la línea llene exactamente su contenedor, la respuesta de CSS a los plugins de JS de "ajustar texto".

Fits the width

CSS

.fx-056 {
  font-size: clamp(2rem,8vw,6rem);
  text-fit: fit-width;
  white-space: nowrap;
  font-family: system-ui;
  margin: 0;
  max-width: 100%
}

HTML

<h1 class="fx-056">Fits the width</h1>

Fallback: Conserva el font-size con `clamp()` como respaldo; los demás navegadores lo usan.

Fuente: developer.chrome.com/release-notes/150

Prompt

Para títulos tipo póster que deban ocupar todo el ancho, añade `text-fit: fit-width` con `white-space: nowrap` sobre un font-size de respaldo con `clamp()`. Solo Chrome 150+ en 2026-09; no añadas una librería de JS para ajustar texto.