# text-fit (fit-to-width headlines)

Estado: Solo Chrome 150 (junio de 2026). No es Baseline.  
Fuente: https://developer.chrome.com/release-notes/150  
Página: https://designforai.dev/es/css/text-fit

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".

## HTML

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

## CSS

```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%
}
```

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

## 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.