Which font should I use?

thecroaker 133,745 views 55 slides Feb 08, 2016
Slide 1
Slide 1 of 55
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55

About This Presentation

A typography primer for non-designers.


Slide Content

A typography primer 

for non-designers
Which typeface 

should I use?

KAPTEREV.COM
So, you are designing a presentation or a resume a poster a document… ok, you name it

KAPTEREV.COM
But... you’ve got a little
problem
!

KAPTEREV.COM
FONT
SHOULD I USE?
Which

KAPTEREV.COM
There could be a simple answer 

to your question
Don’t panic

KAPTEREV.COM
Yeah! Nope
I’m not with 

an organisation
The correct font 

is specified there
I really can’t 

use that one
Ok, this guide 

is for you
Does your organisation have 

a brand book or a style guide?

KAPTEREV.COM
Yeah! Nope
I’m not with 

an organisation
The correct font 

is specified there
I really can’t 

use that one
Ok, this guide 

is for you
Maybe… 

in theory…
Do you have budget for a style guide?
Get a style guide. 

Sooo worth it
Does your organisation have 

a brand book or a style guide?

KAPTEREV.COM
Yeah! Nope
I’m not with 

an organisation
The correct font 

is specified there
I really can’t 

use that one
Ok, this guide 

is for you
Maybe… 

in theory…
Nope
Do you have budget for a style guide?
Ok, this guide 

is for you
Get a style guide. 

Sooo worth it
Does your organisation have 

a brand book or a style guide?

KAPTEREV.COM
So you want to find 

a good typeface, but…
What exactly 

is “a good typeface”?

KAPTEREV.COM
A good typeface 

1) is readable and 2) has character
Maybe too fancyJust rightMaybe too boring
AgAg Ag

KAPTEREV.COM
readable?
It’s a complex subject and for the sake of simplicity 

we suggest adopting one simple rule…
How do we know 

if the typeface is

KAPTEREV.COM
Ag
AgAg
Ag
Avoid typefaces that are 

obviously hard to read
Comic Sans
Blackmoor LET
Brush Script
Monotype Corsiva

KAPTEREV.COM
character?
Ok, but what about

KAPTEREV.COM
Typefaces carry an emotional charge. What emotion are
you trying to convey? Choose a typeface accordingly.
Contemporary
Traditional
or CoolWarm

KAPTEREV.COM
Let’s begin with
tradition

KAPTEREV.COM
RRRRR
Traditional  Contemporary
Novelty
Robust
Simple
Affordable
Straightforward
Classical
Sophisticated
Complex
Luxury
Fancy
R
Didot Playfair Minion Fedra Sans PT Sans Avenir

KAPTEREV.COM
Rates
Why some typefaces have a more traditional look? 

The obvious answers would be “serifs”.
Rates
A serif is a small line attached to the end of a stroke in a letter or symbol. A typeface with
serifs is called a serif typeface (or serifed typeface). A typeface without serifs is called sans
serif or sans-serif, from the French sans, meaning "without."N
Didot Avenir
Traditional Contemporary

KAPTEREV.COM
Bodoni Sans
Wow. What has just happened? The serifs are gone!
Serifs are important — but even if we take them
away, the font on the left still looks more historical.
Rates
Avenir
Traditional Contemporary

KAPTEREV.COM
R
The left R has more difference between thick 

and thin strokes. The technical term is contrast.
More contrast 

More sophistication
Less contrast 

Less sophistication
Bodoni Sans Avenir

KAPTEREV.COM
R
Suppose we add even more contrast… See?
Very sophisticated (also not very readable).
Low contrastHigh contrastExorbitant contrast
Bodoni Sans AvenirBroadway

KAPTEREV.COM
To conclude: tradition and sophistication 

are mostly communicated via serifs and contrast.
Serifs
More contrast
More sophisticated
More historical
No serifs
Less contrast
Less sophisticated
More contemporary
RRRRRR
Didot Playfair Minion Fedra Sans PT Sans Century Gothic

KAPTEREV.COM
warmth
The second dimension is

KAPTEREV.COM
Geometric
Distant
Factory-made
Rational
Precise
Calligraphic
Approachable
Hand-mande
Emotional
Imperfect
Warm Cool
More calligraphic typefaces have more warmth.
More geometric typefaces are cooler. They are
also harder to read.
Rates
Palatino Linotype Century Gothic
Rates

KAPTEREV.COM
This was done 

by a calligrapher.
Beautiful and 

slightly imperfect.
RR
An engineer
with a ruler.
Calculated.
A fashion designer
with a French curve.
Very precise, lots 

of thought.
R
Palatino Linotype Century Gothic Didot
Warm CoolCool

KAPTEREV.COM
R
Warm
Once again, it’s not just about serifs! Typefaces that
have more contrast are also warmer.
R
Warm
Palatino Linotype Optima
Cool
DidotR

KAPTEREV.COM
Calligraphic 

Warm
Geometric 

Cool
RRRRRR
Jannon Swash Palatino APC Garamond Minion PT Serif Didot
R
Century Gothic
R
Gill Sans
R
PT Sans
R
Candara
R
Fedra Sans
R
Optima

KAPTEREV.COM
We hope it makes some sense now. Let’s begin with
discussing the four most prominent font groups.
Contemporary
Traditional
or CoolWarm

KAPTEREV.COM
Modern
Geometric
Old Style
Humanist
Readability: Satisfactory Readability: Poor
Character: Warm, traditional Character: Cool, traditional
Readability: Excellent Readability: Poor
Character: Warm, contemporary Character: Cool, contemporary
Star typeface: Garamond Star typeface: Didot
Star typeface: Gill Sans Star typeface: Futura
Contemporary
CoolWarm
Traditional
or

KAPTEREV.COM
Before choosing a typeface decide
Frankly, this is the hardest part. If you can’t decide 

on this, just use Georgia or Verdana (or both).
what emotion 

to convey

KAPTEREV.COM
You’re about to see 40 typefaces
This typeface comes free with Windows 10 This one comes with Mac OS 10.11
Leads to a Wikipedia article. It’s good to know the
story of your typeface and it’s a good sign when a
typeface is on Wikipedia.
Click and download this typeface 

for free at FontSquirrel.com or search 

the site for similarly tagged fonts.
For one reason or another we 

do not recommend this typeface
Here are some neat icons to help you with selection

KAPTEREV.COMPhoto by David Iliff
Old-Style Serif
Classical Roman antiquity, Renaissance 

or Baroque, early printed books

KAPTEREV.COM
High contrast with serifs, calligraphic, very warm and quite complex
Old-Style Serif
Great 20th century design by Hermann Zapf
Based on 15th-century Venetian type by Nicolas Jenson
Designed in 1915 the US, excellent legibility
Hoefler Text
Was used in Wikipedia logo and this should count for something
A very nice design inspired by Garamond. 45 Styles! Free!
Garamond
Based on 16th century design, the most famous old style type

KAPTEREV.COMPhoto by Marc Vassal
Modern Serif
19
th
century Paris, high fashion, Vogue magazine

KAPTEREV.COM
Modern Serif
Bodoni
Didot
More fonts tagged “modern”…
Late 18th century Italian design, one of the best of its kind
French design, even more refined and geometric than Bodoni
20th century American variation
Sometimes classified as transitional, it is both readable and fancy
Contemporary narrow typeface with historic look
Even higher contrast, very cool, fashionable and calculated. Problematic
readability as the letters are overly complex. Recommended for headings

KAPTEREV.COM
First half of the 20th century, modernism, Bauhaus, Russian constructivism
Photo by Matt Olson
Geometric Sans

KAPTEREV.COM
Geometric Sans
Futura
Avenir Next
More fonts tagged “geometric”…
Century Gothic
It’s on both PC and Mac and that’s the only reason we recommend it
An American take on Futura
The original German Futura, one and only
Aesthetically pleasing and highly readable
A semi-serifed contemporary geometric typeface
Based around simple geometric forms like square, circle or triangle. 

Minimalist, straight-forward, modernist. As a rule, have readability problems

KAPTEREV.COM
Humanist Sans
Print by William Morris
Late 19th and 20th century arts and cra"s movement, present-day Europe

KAPTEREV.COM
Humanist Sans
Gill Sans
Verdana
PT Sans
Segoe UI More fonts tagged “humanist”…
Eric Gill’s greatest design, it’s on every pub menu in London
Highly readable and aesthetically decent (used by IKEA!)
Comes with Office, the best of C-fonts
Microsoft uses Segoe family for branding and interfaces
Versatile and stylish
Designed by Erik Spiekermann, a legend in the world of typography
Not a bad font, but it suffers from gross overuse
Calibri
Based on hand-written text proportions. Very warm, friendly and very readable
Corbel

KAPTEREV.COM
Traditional, warm
Contemporary, warm
Modern
Geometric
Old Style
Humanist
We’ve covered groups that have the most character. 

Let’s cover some neutral ones as well.
Contemporary, cool
Traditional, cool
?
Less character, 

more neutral

KAPTEREV.COM
Rates
Old Style Serif Modern Serif
Rates
Transitional Serif
Rates
Factory-made
Distant
Rational
Precise
Hand-mande
Friendly
Emotional
Imperfect
Warm CoolNeutral
Mass-produced
Convenient
Practical
Cost-effective

KAPTEREV.COM
18-19
th
century industrial revolution, newspapers, mass-produced books
Transitional Serif

KAPTEREV.COM
Very readable, practical and non-obtrusive but o"en lack distinct individuality
Georgia
Minion
More fonts tagged “transitional”…
Transitional Serif
PT Serif
Century Schoolbook
The best transitional serif available on both platforms
This maybe the first typeface you ever saw in your life
Another timeless design by Eric Gill
Often classified as old-style, it the most popular book font
A well-executed commission by the Russian Government
Times New Roman
Oh, please. Enough is enough. Replace with Georgia or Tinos.
An innovative serif metrically compatible with Times

KAPTEREV.COM
It should be Transitional Sans, right? But no, 

typography is not that obvious.
Traditional, warm
Contemporary, warm?
Modern
Geometric
Old Style
Humanist
Contemporary, cool
Traditional, cool
Transitional
Traditional, neutral

KAPTEREV.COM
Late 19
th
–early 20
th
century. But also… #e 19 60’s. Swiss design. Helvetica.
Grotesque & neo-grotesque

KAPTEREV.COM
Quite readable and neutral, the quintessential 20th century typeface group
Franklin Gothic
News Gothic
Helvetica Neue More fonts tagged “Grotesque”…
Grotesque & neo-grotesque
Celebrated American typeface named after Ben Franklin Designed for the Rubik’s Cube Exhibition, released for free
Remember the Star Wars crawl? That was in News Gothic
“When in doubt use Helvetica” was the common rule once
A replacement for Arial
Excellent free typeface from Poland
Arial
A Helvetica rip-off which is just everywhere

KAPTEREV.COM
Modern
Geometric
Old Style
Humanist
Readability: Satisfactory Readability: Poor
Character: Warm, traditional Character: Cool, traditional
Readability: Excellent Readability: Poor
Character: Warm, contemporary Character: Cool, contemporary
Star typeface: Garamond Star typeface: Didot
Star typeface: Gill Sans Star typeface: Futura
Transitional
Readability: Good
Character: Neutral, traditional
Star typeface: Baskerville
Grotesque
Readability: Good
Character: Neutral, contemporary
Star typeface: Helvetica

KAPTEREV.COM
We’re almost done!
But there is 

one more thing...

KAPTEREV.COM
Traditional, warm
Contemporary, warm
?
Modern
Geometric
Old Style
Humanist
Contemporary, cool
Traditional, cool
Transitional
Traditional, neutral
Grotesque
Contemporary, neutral
? ?

KAPTEREV.COM
Slab Serif
Photo by Luca Venturi
Reminiscent of the Wild West signs and posters, it is great for shouting at people.

KAPTEREV.COM
Slab Serif
Low contrast with serifs, which look like slabs — hence the name. Comes in
flavours: geometric, humanist or transitional.
Rockwell Charter
More fonts tagged “Slab”…
Geometric design from 1930’s It’s very readable and totally
looks like a transitional typeface
Contemporary humanist Slab Serif, which
kind of escapes the classification

KAPTEREV.COM
Behold…
The final map

KAPTEREV.COM
Warm
Ag Ag
Ag Ag
AgAgAg
Ag
Old-style serif Transitional Serif Modern Serif
Humanist, Slab Transitional, Slab Geometric, Slab
Geometric Sans[Neo-]GrotesqueHumanist Sans
Neutral Cool
Warm Neutral Cool
Traditional Traditional
Neutral
Contemporary Contemporary
Neutral

KAPTEREV.COM
Go take another look, if you didn’t.
Did you find a typeface 

for yourself?

KAPTEREV.COM
Want to know more about typefaces and typography?
We think these books are awesome for beginners.
Like, 20% of it is for lawyers.

KAPTEREV.COM
www.kapterev.com
[email protected]
+7 495 764 1898
Alexei Kapterev
Presentation skills and visual communication
m