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

Status: Nur Chrome 150 (Juni 2026). Nicht Baseline.  
Quelle: https://developer.chrome.com/release-notes/150  
Seite: https://designforai.dev/de/css/text-fit

Skaliert die Schriftgröße einer Überschrift so, dass die Zeile ihren Container exakt füllt, die CSS-Antwort auf "Fit Text"-JS-Plugins.

## 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: Behalte die `clamp()`-Schriftgröße als Fallback; andere Browser nutzen sie.

## Prompt

Ergänze für Überschriften im Posterstil, die die volle Breite überspannen müssen, `text-fit: fit-width` mit `white-space: nowrap` über einem `clamp()`-Schriftgrößen-Fallback. Stand 2026-09 nur Chrome 150+; ergänze keine Fit-Text-JS-Bibliothek.