Hi, when I use certain font (Helvetica Neue LT Std in my example) the text is not vertically centered and I can’t find any way of adjusting the ascender/descender values (like mentioned in this article: Fix Vertical Position Issue of Custom iOS Fonts | TO THE NEW Blog). How can I fix this in Figma? There are ways I can hack it, for instance changing the height of the text box and the text alignment but then I will sacrifice how other features work, e.g. Auto Layout.
Thanks
I have exactly the same problem with the Helvetica Neue LT Std. It’s our design system’s main font and I would be required to build up all our components with it. Why is Figma not able to display it properly?
Hey Simon,
After checking internally, it does look like Helvetica Neue LT Pro uses a different baseline than Helvetica Neue. As a workaround, I’d recommend setting the text bounding frame from auto-height to fixed size and then using vertical trim with the text centered on the Helvetica Neue LT Pro font.
Here an example before (original Helvetica Neue LT Pro) / after the setting:
Before:
Hope this helps!
Vertical trim doesn’t solve the issue in a sustainable way, at least in terms of design developer collaboration.
I’m having the same issue with Helvetica Neue LT Pro. It’s hellish… sure, I can set the Trim on, but then it’s rather annoying trying to select the text often times, because it’s so tiny.
As Keir_Davis mentioned, setting the vertical baseline trim to baseline is not ideal.
For those who want to see what Helvetica Neue LT Std is doing with regards to the bounding box in Figma vs. Helvetic Neue and Helvetica I’ve attached this gif animation.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
