Segoe UI font | Inconsistent vertical alignment on high- vs low-DPI screens

[dannymcgee]

Using v11.0.0 — it appears that there's some strange font alignment/hinting going on with the Segoe UI webfonts that are included with this package. Attached are screenshots of the same UI element with the same CSS, one taken from a typical 1920x1080 monitor, and the other taken from a high-DPI laptop screen (Surface Book 2 @ 3000x2000). Screenshots taken in MS Edge v81.

Here's the relevant CSS on the element:

display: flex;
align-items: center;
height: 20px;
font-size: 11px;
line-height: 1;