TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
WHAT IS TYPOGRAPHY?
Gives a voice to written content
Increases (or decreases) readability
Gives content form and can shape a message
Gives flow to the message
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
silly
silly
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
danger
danger
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
BUY NOW
buy now
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
THROUGH THE CENTURIES
Garamond
Baskerville
Bookman
Futura
Times New Roman
Rockwell
Helvetica
Verdana
14th to 17th century
1920s
1930s
1950s
1990s
SOURCE: ayanguasgil.net/category/typography/
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
Serif Typeface
Pin
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
SANS-SERIF TYPEFACE
PIN
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
BASIC TYPEFACE ANATOMY
ASCENDER
Typography
SERIF
DESCENDER
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY
BASIC TYPEFACE ANATOMY
Typography
CAP HEIGHT
X-HEIGHT
BASELINE
THAT’S THE BASICS. ONWARD & UPWARD!
TYPOGRAPHY
THE ULTIMATE WEB DESIGNER • BRAD HUSSEY