I created a typescale that grows in a multiplier of 1,2x and I’m trying to create their line-heights based on multiples of 8 in order to fit the base 8px grid system.
The problem is, some elements seems off when I align them vertically using autolayout. In the example below I aligned a label using 4px of padding top, and it seems to me to be the right version. The other options below I used a custom line-height or the auto option, but both seems wrong to my eyes.
Apparently the X-height alignment seems to be the best approach. Can I do that? Or I am messing up when using custom line-heights?