What’s the best font size? A guide for body text in responsive web design

💌 Pimp my Type Newsletter with weekly font recommendations:
https://pimpmytype.com/newsletter

📰 Corresponding article with more on UI and display sizes:
https://pimpmytype.com/font-size

⬛️ Example on CodePen:
https://codepen.io/glyphe/pen/abWydyO

⚫️ The cool photo magazine I mentioned
https://ausloeser.org

TL;DW: Start with your body text and set it at a default size of 1 em, which is calculated as 16 px in most browsers. From there, scale up the font size and ideally also the layout proportionally and make it larger on larger view ports, since we can assume that the viewer is further away.

You want your text to be read, right? Then set it at a sufficient size! But what is a good font size, and how can you apply it in your web or app design? This video has answerers for you with some practical examples focused on body text in responsive web design.

Chapters:
0:00 Intro
1:19 The Holy Trinity of Typography
1:50 Sizes for different kinds of text
2:38 Set it relative to the viewer’s distance
3:50 Example: bad font size
4:18 Responsive font size
7:31 Pimp my Type Newsletter
7:52 Summary
8:08 Outro & Outtakes