SOLVED: Align and style your text by trimming any extra spacing

Ask the community
63

What @tank666 displayed also worked for me using Helvetica Neue LT Std btw. These 2 options appear to do the same. So no need for that “crop” plugin.

I’m curious if ya’ll have the proper font or if we’re using the exact same one. I’m using 77 Bold Condensed at the moment.

2 Likes
64

This says it’s solved, but are there code equivalents for text trimming on every platform? Seems like it’s solved from a Figma standpoint but will still ben an issue in clients.

1 Like
65

This is not an appropriate fix as now the height is not accurate.

66

thank you for the workaround!

67

I don’t want trimming. I want it to respect the line-height property, and display it correctly. At the moment, I can’t use half of my fonts, because they seem completely out of alignment. That’s just unacceptable.

3 Likes
68

hey amazing, thanks for listening.

69

Hey i have solution about this for typescript code, like this:

  // Set textAutoResize to "WIDTH_AND_HEIGHT" for the text, not the frame
  searchText.textAutoResize = "WIDTH_AND_HEIGHT";
  // Center the text vertically by adjusting the y position
  const frameHeight = searchFrame.height; // Assuming the frame has a fixed height
  const textHeight = searchText.height; // Get the height of the text
  const centerYPosition = (frameHeight - textHeight) / 2;
  searchText.y = centerYPosition;
70

Sorry @figma, but this is not really solved.
Trimming is not the solution!!!
Please fix this!

4 Likes
71

Hi all. I have resolved this issue by uploading the misalignment font to fontsquirrel.com and manually adjusting the ascent/descent value until it is aligned. (This will require some trial and error).

I hope this helps everyone, have a good day!