We start off by defining what Typography is. Then the various types of fonts including serif and sans-serif fonts and when to choose which to choose.

• I (uppercase I), l (lowercase l), 1, a, g test
• The difference between legibility and readability
• Comic Sans and Helvetica fonts
• Avatar and Papyrus
• Heading, body fonts, and fonts that can be used everywhere
• Oliver Judges Sean's website headings
• Tips on how to choose fonts for a website
• Web font marketplaces
• 5 common web typography mistakes and how to avoid them
• Leading and line height
• line length
• Oliver gives a review of the Website 101 Podcast website typography.

[00:00] Intro

[01:37] Oliver introduces himself and talks about his background in design and typography

[02:14] Definition of typography and fonts, and the difference between serif and sans-serif fonts

[05:43] When to choose a serif or sans-serif font for a website

[06:01] Legibility vs. readability in web typography

[08:35] Oliver's thoughts on popular fonts like Comic Sans and Helvetica

[11:31] The importance of a good typographic choice in branding

[14:27] Tips for selecting fonts for a website (application, audience, limitations, etc.)

[19:08] Google Fonts and the pros and cons of using them

[23:05] Oliver's thoughts on using multiple fonts on a single website

[26:40] Tips for avoiding common web typography mistakes (not caring about typography, inappropriate font choice, too many different graphic styles, setting text too small, and having too little line height)

[39:50] Oliver offers to review the typography on the Website 101 podcast website

[47:30] Links to Oliver's resources (YouTube channel, free typographic review form)