CSS `text-fit` property

[tkent-google]

Specification

https://drafts.csswg.org/css-text-4/#text-fit-property

Description

The text-fit property adjusts the font size so that the content of a line fits to both ends of the line.

Documentation

https://github.com/explainers-by-googlers/css-fit-text/blob/main/README.md

Browser support

• https://chromestatus.com/feature/5104141688635392
• [css-text] text-fit property mozilla/standards-positions#1377
• [css-text] text-fit property WebKit/standards-positions#637

[ddbeck]

Thanks for filing this issue, @tkent-google. I've taken some notes to help me or another contributor create a YAML file for this feature. It's not required, but an accuracy check on the following would be welcome. Thanks again!

Name and ID

An easy case: text-fit and text-fit.

Description

In our style, something like:

The text-fit CSS property scales text to fill the inline size of its container. You can use this to grow or shrink headlines, captions, or pull quotes to fit a container.

Compat data

Expected compat keys:

- css.properties.text-fit
- css.properties.text-fit.none
- css.properties.text-fit.grow
- css.properties.text-fit.shrink
- css.properties.text-fit.consistent
- css.properties.text-fit.per-line
- css.properties.text-fit.per-line-all

Browser support

I found a Chrome Status entry and added it to the description. I also added links to standards positions requests that I found.

[tkent-google]

Looks good! Thank you.