SXSW Talk on the basics of typography, originally developed as an in-house deck for teaching design basics

1. Today’s presentation is
brought to you by the letter
Bb(for Bacon)

2. Typography
for Developers
A cheat sheet for the design disinclined
@jefheaton
bignerdranch.com
...

3. Vocab Cheat Sheet
Typeface vs. Font
Weight, Style & Width Leading
KerningHeights
Measure
aka talk sweet, sweet type to me baby

4. Typeface vs. Font
Weight, Style & Width Leading
KerningHeights
Measure
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

5. Standard Mobile Fonts
Regular
Medium
Light
Italic
Medium Italic
Light Italic
Bold
Black
Bold Italic
Black Italic
Condensed
Thin
Condensed Italic
Thin Italic
Bold Condensed
Bold Condensed
Italic
ROBOTO HELVETICA NEUE
Regular
Medium
Light
Ultralight
Italic
Light Italic
Ultralight Italic
Bold
Bold Italic
Condensed Bold
Condensed Black
aka $free.99
SEGOE UI
Normal
Semilight
Light
Cursiva
Semilight Italic
Light Italic
Semibold
Negreta
Semibold Italic
Negreta cursiva
android windows 8 iOS

6. Georgia, Serif
Arial, Helvetica, sans-serif
“Palatino Linotype”, “Book Antiqua”, Palatino, serif
Impact, charcoal, sans-serif
Web Safe Stacks
“Comic Sans MS”, cursive, sans-serif
“Lucida Grande”, sans-serif
Tahoma, Geneva, sans-serif
“Trebuchet MS”, Helvetica, sans-serif
Verdana, Geneva, sans-serif

7. Typeface vs. Font
Weight, Style & Width Leading
KerningHeights
Measure
Regular
Bold
Regular
Italic
Regular
Condensed
WEIGHT STYLE WIDTH
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

8. Hipster Ipsum Text
This is a sub title.
Tempor consequat nulla mustache selvage. Trust fund raw
denim readymade tempor odio, sint authentic chambray hoodie
truffaut mustache commodo. Photo booth meggings magna,
quis thundercats nihil small batch hella mcsweeney's aliqua.
Veniam organic iphone, labore shoreditch portland 8-bit mollit
VHS hella cred. Post-ironic food truck mustache church-key,
sunt consectetur cray you probably haven't heard of them
readymade raw denim accusamus veniam squid iphone 8-bit.
Odd future brunch nostrud PBR. Banjo selvage skateboard viral
cred chillwave.
January 24, 2013
Hipster Ipsum Text
This is a subtitle
Tempor consequat nulla mustache selvage. Trust fund raw denim readymade tempor odio,
sint authentic chambray hoodie truffaut mustache commodo. Photo booth meggings
magna, quis thundercats nihil small batch hella mcsweeney's aliqua. Veniam organic iphone,
labore shoreditch portland 8-bit mollit VHS hella cred. Post-ironic food truck mustache
church-key, sunt consectetur cray you probably haven't heard of them readymade raw
denim accusamus veniam squid iphone 8-bit. Odd future brunch nostrud PBR. Banjo
selvage skateboard viral cred chillwave.
January 24, 2013
aka trickle-down legibility
Heirarchy

10. Android

11. Apple

12. Pack my box.
Typeface vs. Font
Weight, Style & Width Leading
KerningHeights
Measure
Pack my box. Line Height
x-Height
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

13. Tempor consequat nulla mustache selvage. Trust
fund raw denim readymade tempor odio, sint
authentic chambray hoodie truffaut mustache
commodo. Photo booth meggings magna, quis
thundercats nihil small batch hella mcsweeney's
aliqua. Veniam organic iphone,
Tempor consequat nulla mustache selvage.
Trust fund raw denim readymade tempor odio,
sint authentic chambray hoodie truffaut
mustache commodo. Photo booth meggings
magna, quis thundercats nihil small batch
hella mcsweeney's aliqua. Veniam organic.
M M
Cochin Helvetica Neue
x x

14. Typeface vs. Font
Weight, Style & Width Leading
KerningHeights
Measure
Tempor consequat nulla mustache selvage.
Trust fund raw denim readymade tempor
odio, sint authentic chambray hoodie truffaut
mustache commodo. Photo booth meggings
magna,
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

15. Tempor consequat nulla mustache
selvage. Trust fund raw denim
readymade tempor odio, sint
authentic chambray hoodie truffaut
mustache commodo. Photo booth
meggings magna, quis thundercats
nihil small batch hella mcsweeney's
aliqua. Veniam organic iphone,
Tempor consequat nulla mustache selvage. Trust fund raw denim
readymade tempor odio, sint authentic chambray hoodie truffaut
mustache commodo. Photo booth meggings magna, quis
thundercats nihil small batch hella mcsweeney's aliqua. Veniam
organic iphone,

16. Typeface vs. Font
Weight, Style & Width Leading
KerningHeights
Measure
Pack my box
with five dozen
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

17. Tempor consequat nulla
mustache selvage. Trust
fund raw denim
readymade tempor odio,
sint authentic chambray
hoodie truffaut mustache
commodo. Photo booth
meggings magna, quis
thundercats nihil small
batch hella mcsweeney's
aliqua. Veniam organic
iphone,
Tempor consequat nulla
mustache selvage. Trust
fund raw denim
readymade tempor odio,
sint authentic chambray
hoodie truffaut mustache
commodo. Photo booth
meggings magna, quis
thundercats nihil small
batch hella mcsweeney's
aliqua. Veniam organic
iphone,
Tempor consequat nulla
mustache selvage. Trust
fund raw denim
readymade tempor odio,
sint authentic chambray
hoodie truffaut mustache
commodo. Photo booth
meggings magna, quis
thundercats nihil small
batch hella mcsweeney's
aliqua. Veniam organic
iphone,
.7 1 1.2

18. Tempor consequat nulla mustache selvage. Trust fund raw denim readymade tempor odio, sint authentic
chambray hoodie truffaut mustache commodo. Photo booth meggings magna, quis thundercats nihil
small batch hella mcsweeney's aliqua. Veniam organic iphone, labore shoreditch portland 8-bit mollit VHS
hella cred. Post-ironic food truck mustache church-key, sunt consectetur cray you probably haven't
heard of them readymade raw denim accusamus veniam squid iphone 8-bit. Odd future brunch nostrud
PBR. Banjo selvage skateboard viral cred chillwave.
Tempor consequat nulla mustache selvage. Trust fund raw denim readymade tempor odio, sint authentic
chambray hoodie truffaut mustache commodo. Photo booth meggings magna, quis thundercats nihil
small batch hella mcsweeney's aliqua. Veniam organic iphone, labore shoreditch portland 8-bit mollit VHS
hella cred. Post-ironic food truck mustache church-key, sunt consectetur cray you probably haven't
heard of them readymade raw denim accusamus veniam squid iphone 8-bit. Odd future brunch nostrud
PBR. Banjo selvage skateboard viral cred chillwave.

19. Typeface vs. Font
Weight, Style & Width Leading
KerningHeights
Measure
bb
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

20. VAL
VAL

21. VALVAL

22. Justification
Serif & Sans serif
Ligatures
Characters
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

23. Justification
Serif & Sans serif
Ligatures
Tempor consequat nulla
mustache selvage. Trust
fund raw denim
readymade tempor odio,
sint authentic chambray
hoodie truffaut mustache
commodo. Photo booth
meggings magna, quis
thundercats nihil small
batch hella mcsweeney's
aliqua. Veniam organic.
Tempor consequat nulla
mustache selvage. Trust
fund raw denim
readymade tempor odio,
sint authentic chambray
hoodie truffaut mustache
commodo. Photo booth
meggings magna, quis
thundercats nihil small
batch hella mcsweeney's
aliqua. Veniam organic.
Tempor consequat nulla
mustache selvage. Trust
f u n d r a w d e n i m
readymade tempor odio,
sint authentic chambray
hoodie truffaut mustache
commodo. Photo booth
meggings magna, quis
thundercats nihil small
batch hella mcsweeney's
aliqua. Veniam organic.
Tempor consequat nulla
mustache selvage. Trust
fund raw denim
readymade tempor odio,
sint authentic chambray
hoodie truffaut mustache
commodo. Photo booth
meggings magna, quis
thundercats nihil small
batch hella mcsweeney's
aliqua. Veniam organic.
Characters
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

24. Justification
Serif & Sans serif
Ligatures
A A
Characters
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

25. Justification
Serif & Sans serif
Ligatures
ff
Characters
f + f =
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

26. Vocab Cheat Sheet
Vocab Cheat Sheet

27. Justification
Serif & Sans serif
Ligatures
Characters
Vocab Cheat Sheet
aka talk sweet, sweet type to me baby

28. get real copy.

29. Aspergillus spp. are ubiquitous fungi
that are acquired by inhalation of
airborne spores and may cause a variety
of clinical lung syndromes. The severity
of lung aspergillosis depends upon
immune status and the presence of
u n d e r l y i n g l u n g d i s e a s e . T h e
manifestations range from invasive
pulmonary aspergillosis in severely
immunocompromised patients to chronic
necrotizing aspergillosis in patients with
chronic lung disease and/or mildly
c o m p r o m i s e d i m m u n e s y s t e m s .
Aspergilloma is primarily seen in
patients with cavitary lung disease,
w h i l e a c u t e b r o n c h o p u l m o n a r y
aspergillosis (ABPA) is a hypersensitivity
disease of the lungs that almost always
affects patients with asthma or cystic
fibrosis. In this paper, we report a rare
case of a patient who had multiple
blebs, recurrent pneumothorax and
pleura that was infected by aspergillus,
with clinical features that were different
from those described in the literature
[1].

30. Contrast

31. Contrast
Contrast
Contrast

32. Internationalization
aka going native
a 名
a 名

33. try it out.

34. KERNING GAME
type.method.ac
Resources
TYPE MATCHING GAME
typeconnection.com
RULES FOR DIGITALTYPE
webtypography.net