Letter spacing example

Letter spacing test

Seeing how big the line of text gets when applying letter-spacing.

default
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.05em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.1em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.12em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.125em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.13em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.15em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.175em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0.2em
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sizing results

Looking at how much increase in horizontal space there is in pixels for this line of text.

Size results (Chrome on Mac)
Letter spacing Pixel width of sentence Increase from default
Default (0) 389.52 0
0.05em 434.31 11.5%
0.1 479.11 23.0%
0.12 497.03 27.6%
0.125 501.52 28.8%
0.13 506 29.9%
0.15 523.92 34.5%
0.175 546.31 40.3%
0.2 568.72 46.0%