Font metrics variance

This page shows the variance in size and spacing for fonts that should be of equivalent size (best viewed on a larger display).

System font
Body
Heading
Alt Heading
ABC
ABC
ABC
ABC
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.

As of January 2023, chrome-based browsers have support for new CSS rules that will allow us to adjust metrics at a @font-face level: Sadly, this CSS is not supported in Safari yet.

https://web.dev/css-size-adjust/