Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching What’s the best font size? A guide for body text in responsive web design. and this video is uploaded by Pimp my Type at 2021-09-21T12:00:12-07:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [JagGAq7fwyc]
| Name | What’s the best font size? A guide for body text in responsive web design |
| Video Uploader | Video From Pimp my Type |
| Upload Date | This Video Uploaded At 21-09-2021 19:00:12 |
| Video Discription | 💌 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 [JagGAq7fwyc] |
| Category | Education |
| Tags | font size | css | web design | responsive web desin | body text | website font size | type size | relative font size | relative units in css | html |
