The right Line Length & Line Height in Typography
💌 Pimp my Type Newsletter with weekly font recommendations:
https://pmty.pe/newsletter
📰 In depth article with more examples
https://pmty.pe/line-length-line-height
⬛️ Example on CodePen:
https://codepen.io/glyphe/pen/KKmqoBR
↕️ Video: What’s the best font size?
https://youtu.be/JagGAq7fwyc
TL;DW: For reading text on desktop devices, the ideal line has a length of 60 to 80 characters with a line height of around 1.5 to 1.6. It always depends on your typeface, and the shorter the line, the lower the line height can be, especially for headings. Over all, make it as compact as possible but as loose as necessary.
Chapters:
0:00 Intro
1:32 Where line length & line height come from
2:22 Ideal line length (max-width)
4:37 Ideal line height
5:55 Line height on mobile
7:37 Line height for headings
9:18 Summary
9:57 Outro & Outtakes
https://pmty.pe/newsletter
📰 In depth article with more examples
https://pmty.pe/line-length-line-height
⬛️ Example on CodePen:
https://codepen.io/glyphe/pen/KKmqoBR
↕️ Video: What’s the best font size?
https://youtu.be/JagGAq7fwyc
TL;DW: For reading text on desktop devices, the ideal line has a length of 60 to 80 characters with a line height of around 1.5 to 1.6. It always depends on your typeface, and the shorter the line, the lower the line height can be, especially for headings. Over all, make it as compact as possible but as loose as necessary.
Chapters:
0:00 Intro
1:32 Where line length & line height come from
2:22 Ideal line length (max-width)
4:37 Ideal line height
5:55 Line height on mobile
7:37 Line height for headings
9:18 Summary
9:57 Outro & Outtakes