Web Typography - Golden Rules for Effective Design

Overview

Explore the principles of effective web typography in this 48-minute conference talk by Richard Rutter at CSS Day 2018. Delve into the crucial role typography plays in connecting authors and readers online. Learn practical guidelines that blend implementation details with typographic theory, empowering you to design beautiful and responsive typography for the web. Discover techniques for optimizing paragraph text, reading distance, font sizing, tables, and display text. Gain insights into advanced topics such as CSS calculations, font preloading, variable fonts, and optical sizing. Acquire valuable knowledge to enhance your web design skills and create more engaging, readable content across various devices and screen sizes.

Syllabus

Introduction
The bad news
Good typography induces good mood
Dont trust browser defaults
Paragraphs
Paragraph Text
Reading Distance
Reading Text Size
Changing Text Size
A List Apart
Tables
Table Principles
Display Text
CSS Calc
Fonts
Page Render Timing
Font Preload
Going Search
Variable Fonts
Registered Axes
Font Optical Sizing
Register Axis
Font Width
Web Typography Conference
CSS Day
Variable Font
Firefox
Access Practice
Nick Sherman
Mr Pooh
Golden Rules
Book Sale
Questions