text-fit (fit-to-width headlines)

Só Chrome 150 (junho de 2026). Não é Baseline.

Chrome 150Edge 150Safari noFirefox no

Escala o tamanho da fonte de um título para a linha preencher exatamente o container, a resposta do CSS aos plugins JS de "fit text".

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: Mantenha o font-size em `clamp()` como fallback; os outros navegadores usam ele.

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

Prompt

Para títulos estilo pôster que precisam ocupar a largura total, adicione `text-fit: fit-width` com `white-space: nowrap` por cima de um fallback de font-size em `clamp()`. Só Chrome 150+ em 2026-09; não adicione uma biblioteca JS de fit-text.