
notecss
Fit width text in 1 line of CSS:
h1 {
text-grow: per-line scale;
}
Prototype available in Canary 145+

Fit width text in 1 line of CSS:
h1 {
text-grow: per-line scale;
}
Prototype available in Canary 145+
Want!John Allsopp
Finally time to put Fitty to rest rikschennink.github.io/fitty/Rik Schennink
Can we set the maximum number of characters per line length?. Do you have any links to the spec please?Dean Leigh
an explainer holds the latest details github.com/explainers-b... room for comments too. the CSSWG is a good place to jump in also, link to that is in the blog noteAdam Argyle
Oddly the link on mobile just took me to github home (works on desktop). I was wondering if we could set min, clamp, max characters (maybe using ch units?) to achieve ideal line lengths.Dean Leigh
You mean Canary 145+?Boğaç Güven
So like the titles on nmn.sh but without SVG and manual ratio calculations? That would be nice. I also like that it can re-flow text unlike the trick by Kizu with nested containers.Nmn
I need this ????Sam Rose
Until then... <fit-text>Hello Web Components</fit-text> fit-text.github.io 566 Bytes gzippedDanny Engelman ????????️????️
fit-text.github.io 566 BYTES gzipped ????Danny Engelman ????????️????️
@argyleink Whoa.
Felix
????Rik Schennink
* in 1-2 yearsIlja
this was one of my very first jquery plugins! absolutely love that it’s making it into CSS!Zach Leatherman
you can def use clamp, and you can def set the max-inline-size using ch units… which _feels_ like the ingredients for achieving ideal line lengthsAdam Argyle
yep… ????Adam Argyle
AT LASTCassidy
What real-word application would this have? I can see it working with a design where static text elements need to fit an entire space relative to the design. Which is huge. Anything else? I’m not creative.Not A Sload
yep, a design tool can offer it to make nice headlines or templates can use it numbers can fit into circles so that like "20" and "100" both work (that 3rd digit can be a doozy) grids and alignment being perfect fitting user generated content into spaces without using an ellipsisAdam Argyle
there's an art project in here somewhere, i can feel itMarisa
Does this play nicely with developer.mozilla.org/en-US/docs/W... ? (Please say it does ????)Ale Muñoz
Every single type specimen websiteOlex Ponomarenko ????????
Mentioned at https://programming.dev/post/41912374
Is this a CSS standard?Fatih Altinok
Just saw the CSSWG draftFatih Altinok