Created
November 12, 2016 05:44
-
-
Save ricardozea/9e2bd5079f01cd591f42258febc31046 to your computer and use it in GitHub Desktop.
How to set the line height depending on the chosen font size
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment