CSS Designs - Font Sizes

By Andrew Burton, 13 April 2026

	Text for size test - 24px Text for size test - 2ch Text for size test - 0.636604775cm Text for size test - 1em Text for size test - 2.25ex Text for size test - 0.25in Text for size test - 0.8lh Text for size test - 6.36604775mm Text for size test - 1.5pc Text for size test - 18.0045011pt Text for size test - 1rem Text for size test - 0.87rlh Text for size test - 3vh Text for size test - 1.5vw
Font sizes image. Captured using a Windows 11 laptop with 1920x1200 resolution on 13 April 2026.	Font sizes as they are displayed on your device.

Unit Types

1px = 1 pixel.
1ch = width of the "0" character. 1ch = 12px.
1cm = centimetres, 1cm is roughly 37.7px.
2em = 2x parent font size, so 1em is the same size as the previously defined font.
2.25ex = x-height of the current font.
0.25in = inches, where 1 inch equals 96px.
0.8lh = relative to the element's line-height.
10mm = millimetres, 10mm is roughly 37.7px.
2pc = 2 picas, which is the same as 32px (1 pica = 16px).
2pt = 2 points, which is approximately 2.666px (at 96DPI).
2rem = 2x the size of the root element font, as defined in the CSS :root{} class.
0.87rlh = relative to the root element's line-height.
2vh = 2% of the view port height.
2vh = 2% of the view port height.