A page for testing the vertical position of large text across OSs. View on MacOS first.

As of January 2018 the vertical position of the heading is very different in browsers on Windows vs MacOS (eg in Chrome).

Update December 2020: Now there's a workaround for the issue: CSS Fonts Module Level 4 "Default font metrics overriding". I added the below lines to the "@font-face" block of this page:

ascent-override: 75%; descent-override: 25%; line-gap-override: 0%;

Chrome supports it (tested on MacOS vs Windows). Check CanIUse for other browsers.