Contact emailstk...@chromium.org, ikilpatr...@chromium.org,
ko...@chromium.org

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

SpecificationNone

Summary

This new CSS capability empowers web developers to precisely fit lines of
text to the exact width of their containing element. Unlike traditional
justification methods that adjust spacing, this feature dynamically scales
the font-size itself, ensuring text lines seamlessly align with both the
left and right edges of the container. Web developers often need to ensure
text content, especially headings or short phrases, fully utilizes the
available container width without causing overflow or appearing too narrow.
This feature addresses this by intelligently adjusting the font-size of the
text. It's particularly useful in responsive designs or when dealing with
dynamic content, such as text from translations that might be unexpectedly
long, or user-generated input where word length is unpredictable. If a word
or line of text would normally overflow its container, these CSS properties
will reduce the font-size to make it fit. Conversely, if the text is
narrower than the container, the font-size can be increased to fill the
space, providing a visually balanced and "justified" appearance through
size scaling rather than space distribution.


Blink componentBlink>Layout>Inline
<https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ELayout%3EInline%22>

Motivation

None


Initial public proposalNone

TAG reviewNone;  Will request later.

TAG review statusPending

Risks


Interoperability and Compatibility

None


*Gecko*: No signal; Will file a standard-position issue.

*WebKit*: No signal;  Will file a standard-position issue.

*Web developers*: Strongly positive (
https://github.com/w3c/csswg-drafts/issues/2528) The CSSWG issue has 90+
votes.

*Other signals*:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that
it has potentially high risk for Android WebView-based applications?

None


Debuggability

None


Is this feature fully tested by web-platform-tests
<https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md>
?It should be possible.

Flag name on about://flagsNone

Finch feature nameNone

Non-finch justificationNone

Requires code in //chrome?False

Estimated milestones

No milestones specified


Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5104141688635392?gate=5084590997504000

This intent message was generated by Chrome Platform Status
<https://chromestatus.com/>.

-- 
TAMURA Kent
Software Engineer, Google

-- 
You received this message because you are subscribed to the Google Groups 
"blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to blink-dev+unsubscr...@chromium.org.
To view this discussion visit 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAGH7WqFRjktXpATLSqzsEOfm7N-vhCUNh3goRz9_wBAJFinfAA%40mail.gmail.com.

Reply via email to