Since text-box shipped in browsers, I’ve been using the ‘Vertical Trim’ feature in Figma and it’s one of those little features that I’d love to see in Penpot. The feature mimics CSS text-box trim to remove the top and bottom spacing from a text element’s text box, which for some fonts can be huge.
Using text-box in CSS has improved the possibilities for typesetting in the browser hugely, as we can finally have control of vertical rhythm and spacing. I wrote an article about it framing the problem and some of the use cases.
I can’t see any discussion about this feature here — I’d love to see it on the roadmap!
Here’s a quick video demo of how this works in Figma.
