# Ep12. How web typography has evolved Page: https://stenobird.com/podcast/no-script-show-6719676/ep12-how-web-typography-has-evolved Text version: https://stenobird.com/podcast/no-script-show-6719676/ep12-how-web-typography-has-evolved.md Podcast: [No Script Show](https://stenobird.com/podcast/no-script-show-6719676) Published: 2024-06-12T06:21:49+00:00 Episode link: https://listen.hubhopper.com/episode/ep12-how-web-typography-has-evolved-1717672285/32600548 Audio file: https://play.hubhopper.com/3c91092f680112fa5a40e0d4c9b60a1a.mp3?s=rss-feed&v=e9d6b308a425 Processing state: not_requested JSON: https://stenobird.com/v1/public/podcasts/no-script-show-6719676/episodes/ep12-how-web-typography-has-evolved Duration seconds: 3023 ## Resource In this episode of No Script Show, Nathan Wrigley and David Waumsley delve into the intricate world of web typography and its evolution. From historical practices to modern advancements, they uncover the elements that shape today's web design. - Transition from pixels to rems and its impact on accessibility - Exploring new features in web typography like font loading and background clipping - Importance of fluid typography and tools like Utopia CSS generator - Challenges and beauty of typography for Chinese, Japanese, and Korean characters - Benefits of chromatic fonts, CSS columns, and underused HTML tags like kbd and wbr Timestamps: 00:00 Web design historically overlooked readability and formatting. 03:40 Fascinated by typography, but career path chosen. 06:34 Web design: Typography shifts in responsive web. 09:59 REMS, viewport units, fluid typography revolutionize design. 14:13 Fluid typography adapts, but has limitations with zoom. 18:17 Discussion on X and typography for web design. 19:41 Using V Max for flexible layout design. 23:44 Transitioned from limited to abundant font options. 26:03 Clarity in web design and font choice. 31:34 Underlining now seen as essential in UI. 33:10 Some consider using offset in CSS resets. 37:15 Variable fonts allow for greater design control. 42:22 HTML tags can be forgotten in web design. 44:15 Safari-only feature for hanging punctuation in quotes. 47:48 New languages make coding easier, improve display. 50:03 Indefinite break, be back with episode 12. ## Actions - request_transcript: `POST https://stenobird.com/v1/public/podcasts/no-script-show-6719676/episodes/ep12-how-web-typography-has-evolved/transcription-requests` — Idempotently request low-priority transcript generation for this episode. - read_markdown: `GET https://stenobird.com/podcast/no-script-show-6719676/ep12-how-web-typography-has-evolved.md` — Read the agent-friendly Markdown representation of this episode resource. A page view does not enqueue transcription. Agents should invoke `request_transcript` explicitly when they need this episode processed. ## Transcript Full transcripts are not published on public pages unless there is a clear rights basis.