ricardozea
11/12/2016 - 5:44 AM

How to set the line height depending on the chosen font size

How to set the line height depending on the chosen font size

line-height.txt
content_copyfile_download
http://disq.us/p/1db8oz0

16px + 150% = 24px ---» 24px ÷ 16px = 1.5
18px + 150% = 27px ---» 27px ÷ 18px = 1.5
21px + 150% = 31.5px ---» 31.5px ÷ 21px = 1.5

In proper typography, line height should be about 120%-150% of the font-size. And on desktop, a readable font size for body text is usually between 14px and 18px. So you start by choosing a body text font size, then get the line height, which will be your vertical rhythm.