Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Web Typography Fundamentals

Envato Tuts+ via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Master the building blocks of great web typography in this comprehensive 1 hour 26 minute course that takes you from basic principles to advanced techniques. Explore the fundamental concepts of typography including the difference between legibility and readability, understand the anatomy of typefaces and their classification systems, and learn how typography impacts brand personality and accessibility. Discover how to choose fonts that match your brand identity and learn professional techniques for pairing typefaces effectively, including distinction and harmony principles, superfamily pairing, and working with typefaces from the same designer. Build scalable typography systems for web projects by creating proper hierarchy through type, understanding line height and leading, and making informed decisions between web-safe fonts and custom fonts. Address responsive typography challenges and ensure your designs meet accessibility standards across all devices. Apply your knowledge through practical exercises that reinforce key concepts and help you develop professional typography skills for web design projects.

Syllabus

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

Taught by

Envato Tuts+

Reviews

Start your review of Web Typography Fundamentals

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.