This is how fonts work, you can’t do much here. And “later on CSS” you will have exactly the same issue, although it might be less visible since you won’t be able to zoom in that much.

I have been trying to figure out a solution for the same problem. So far the text height options have been a sort-of solution, being Auto Height the one that I use the most. Truncate I guess can also work. Let me know if this was of any help!

@Shneor

I’m not sure if that helps you but at least on visual side works, you can put a the text inside a container frame and adjust it to desired center of the frame and then put that frame in your auto layout (if Applicable).

Hello all! It seems that there is still no satisfactory solution to this problem? 😦

For me setting the auto-height does not solve the problem…

I am having the exact same issue (to the point that I thought I wrote this post 😃) We are trying to define fonts, text box behavior, and auto-layout for a design system, so this is a serious problem.

There is more space above the ascender than there is below the descender. Ideally it should be equal!

You can now use vertical trim to remove the extra space above and below text:

Wow cool! Thank you!

Hi! Would it be useful to create some kind of utility to resolve this issue? If so, I could do that and let you know!

Is there any way to make this the default behavior for text project wide? Short of using components I mean.

Thank you! This is the solution!

ACtually this just works for vertical trim, not horizontal trim…