text-fit (fit-to-width headlines)

Nur Chrome 150 (Juni 2026). Nicht Baseline.

Chrome 150Edge 150Safari noFirefox no

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

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

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

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.