There are solutions, but I am not convinced that overcomplicating is worth the effort.
For large titles, I like to use `line-height: 1`, but make sure it will always be one line.
Best solution is to agree with the designer on the distance between boxes instead of characters. Designers should be aware of this and consider it in their designs.
Figma's text box line-height is not actually a false friend. The text is centered in the middle.
The interaction design and development deserves an article on its own, or probably more a whole book 😂
Appreciated the read on this often very complicated topic. Great to be able to refer to.
Do you have a recommended pattern for "solving" that original case you brought up?
Thanks for the feedback!
There are solutions, but I am not convinced that overcomplicating is worth the effort.
For large titles, I like to use `line-height: 1`, but make sure it will always be one line.
Best solution is to agree with the designer on the distance between boxes instead of characters. Designers should be aware of this and consider it in their designs.
Figma's text box line-height is not actually a false friend. The text is centered in the middle.
The interaction design and development deserves an article on its own, or probably more a whole book 😂
I hope that helps.