Typography Basics – What's wrong with most web type? – Some Typography Terms & Definitions

View Github Repository Open presentation in a new window

RCopeland

See all presentation from RCopeland

Typography Basics – What's wrong with most web type? – Some Typography Terms & Definitions

0 0

slides-typography

Reveal.js Slides for my typography presentation

On Github RCopeland / slides-typography

Typography Basics

or

What's wrong with most web type?

It's too small.

The monitor is farther from your face than a book would be.

There's too many (or too few) characters per line.

A good rule of thumb is to keep it between 45 and 75.

There's too many typefaces.

It's better to use one typeface with different weights, or a two type pairing that have a shared trait.

Some Typography Terms & Definitions

Leading

The distance between two baselines, or the amount of space between lines.

Tracking & Kerning

The amount of space between characters.

Alignment

Rules are great and all, but...

What's the goal here?

#1 Readability

What's the point of having text if its hard to read?

#2 Conveying a feeling or message

So meta

Some examples.

Sources / Credit

Tim Brown The Basics of Typography webtypography.net Crash Course in the Basics of Type

THE END

BY Rob Copeland

Slides available on github.