Web Typography Fundamentals

Описание: Master the building blocks of great web typography! This comprehensive course takes you from basic principles to advanced techniques, covering everything from font anatomy and classification to creating scalable typography systems. Learn how to choose fonts that match your brand, pair typefaces like a pro, and ensure your designs are readable and accessible across all devices. Whether you're a beginner or looking to refine your skills, these fundamentals will transform how you approach typography.

► Every type of asset, for any type of project and a full stack of AI tools: https://elements.envato.com/?utm_camp...

►How to Create Fluid Typographic Scales for Your Responsive Website:    • How to Create Fluid Typographic Scales for...  

► Related links: https://elements.envato.com/boldy-gro...
https://elements.envato.com/resonate-...

00:00 Introduction
01:41 Why typography matters
02:37 The act of reading
04:27 Legibility vs. Readability
06:16 The basics of typography
06:39 What is Typography?
09:37 Readability
11:17 Brand & Personality
11:40 Accessibility
12:17 Fonts vs. Typeface
13:23 Anatomy of a Type
20:07 Typeface classification
27:00 Choosing and pairing typefaces for the web
29:57 Choosing & pairing typefaces for the web
31:21 Match the tone to the brand
37:56 Choosing for the context
39:26 Testing typefaces in a real setting
40:58 Pairing typefaces
43:21 Distinction & harmony
46:51 Superfamily pairing
47:31 Pairing same designer typefaces
49:10 Creating typography systems for the web
49:51 Creating hierarchy through type
52:56 Line height (leading)
54:58 Web-sabe font vs. custom fonts
57:51 Responsive typography
58:48 Accessibility
01:01:52 Practical Exercise

CREDITS
Video Creator: Adi Purdila
Producer: Ian Yates
Video Editor: Gibran Gomez
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt...

► Envato, the must-have subscription for any creative: https://elements.envato.com/?utm_camp...

► Subscribe to Envato Tuts+ on YouTube:    / tutsplus  
► Follow Envato on X:   / envato  
► Follow Envato on TikTok:   / envato  
► Follow Envato on Instagram:   / envato  
► Follow Envato on Facebook:   / envato  
► Explore Envato's full stack of AI tools, all included in your subscription: https://labs.envato.com/?utm_campaign...