Control text leading trim

Hello, thank you for this amazing library! I’m currently using the Text component in @react-three/drei and wondering if there’s a way to achieve control over leading trim? I was looking to use Capsize to possibly do it, but then came across #82 which says blockBounds and visibleBounds were added which seems like could be helpful here. I would love a first-class way to control this, but interested if you have a suggestion to hack a solution for now? Happy to help look into a PR for support if you’re interested 🙂

[lojjic]

Thank you for the examples! I’m starting to understand better now. 😁

I’ve added a couple things to get closer:

• textRenderInfo now includes capHeight and xHeight values
• anchorY now accepts top-cap and top-ex keywords

I think the big missing piece now is that the font sizing (and therefore line height) is solely based on the “em height” as defined in CSS, whereas you want to have it use the cap height as the basis, does that sound accurate? I’ll ponder this some more.

[souporserious]

Ah, ok that makes way more sense now! Dividing the line height by the font size is exactly what I was looking for and looks like it works with Capsize as expected now 😎. I was definitely overcomplicating that lol.

Thank you so much for all of your help on this so far and for adding the extra needed info and features! Happy to help test the fontSizeBasis feature once it’s ready if you go that route 😃