Possible line height issue

[amk221]

Describe the bug
I am trying to move from Helvetica Neue to Inter, but there is a situation that produces what visually feels like 1 pixel jump in the line height.

Possibly related to #361

To Reproduce
https://jsfiddle.net/amk221/swyb1m83/

Expected behavior
Line height should not jump

Screenshots
See fiddle

Environment

• OS: MacOS 14
• Chrome
• Version of font Inter hosted from https://rsms.me/inter/inter.css

[rsms]

As expected. You likely need to do something different with HTML and/or CSS. The web platform is quite complex.

You can explore line height here:
https://rsms.me/inter/lab/?draw-sample-bg=1&lineHeight=196&sample=Moj&size=128

Also "line height" is complicated; some related reading: https://www.figma.com/blog/line-height-changes/

[amk221]

Great tool thank you.

If I enable "Compare with System font", it actually demonstates the problem, if you set the font size to 12px. It's not vertically aligned

Screen.Recording.2024-05-28.at.10.59.16.mov