THE DISTINCTIONS

• • •

THE SIZES

• • •

THE SPACING

• • •

THE SPACING

MOBILE

THE GRID

RESPONSIVE

THE SYSTEM

LEADING

THE KERNING

• • •

THE KERNING

VISUAL SPACE

THE KERNING

TRACKING

THE KERNING

TIPS

THE PAIR

• • •

THE PAIR

BEST PRACTICES

THE PAIR

DO & DON'T

THE PAIR

TYPEKIT PAIRS

THE PAIR

EXAMPLES

THE PAIR

RECOMMENDED

THE PLUG-INS

• • •

THE PLUGINS

FONT SQUIRREL

THE COMPARISON

TEXT VS SVG

THE PLUGINS

FONT AWESOME

THE SCRIPT

• • •

THE SCRIPT

DO & DON'T

THE SCRIPT

EXAMPLES

THE SCRIPT

TYPEKIT

THE SANS

• • •

THE SANS

DO & DON'T

THE SANS

EXAMPLES

THE SANS

TYPEKIT

THE SERIF

• • •

THE SERIF

DO & DON'T

THE SERIF

EXAMPLES

THE SERIF

TYPEKIT

THE SLAB

• • •

THE SLAB

DO & DON'T

THE SLAB

EXAMPLES

THE SLAB

TYPEKIT

THE BEST PRACTICES & SOME FAVS

• • •

THE RULES

DO & DON'T

THE RULES

BEST PRACTICES

THE TYPEKIT

FAVORITES

MAX

A

A

A

TYPE IS BEAUTIFUL WHEN
IT HAS FINESSE. IT'S NOT
 A TYPEFACE, IT'S WHAT
YOU DO WITH A TYPEFACE

15

06

10

NO

MOMENT
WITH
TYPE

 

 

FF00FF • BLACK

THE INTRO

 

M

M

IN THE BEGINNING

 

 

Web designers were limited to a select number of

fonts to choose from. Fonts like: Helvetica, Myriad,
Arial, Georgia and Verdana. These fonts were
available for everyone, basic and functional.

IN THE WORLD OF TODAY

 

 

Designers have access to a huge and increasing
font base for all types of different digital platforms. These fonts have all the benefits of the web based
fonts allowing for much more web capability.

TYPE GUY, MUSE LOVER, AND

PRODUCT DESIGNER AT

                        IN SAN FRANCISCO.

 

PIVOTAL LABS