11. Why I’m personally
interested in typography
Tim Brown’s More Perfect Typography
After watching this I
knew I was supposed to
be a designer.
http://vimeo.com/17079380
12. 3 Goals Today
• Show the impact of typography
• Show where typography is from and where
its’ going
• Give you practical ways to practice (on as
many platforms as possible)
13. Obstacles
• Type is hard
• There are no rules
• There are a lot of variables
14. Worth It
• Happier Users
• Represents Content Better
• Works on more platforms
19. The history of typography reflects a continual tension between
hand and machine. Organic and the geometric, the human body
and the abstract system. These tensions, which marked the birth
of printed letters over five hundred years ago, continue to
energize typography today.
—Ellen Lupton in Thinking With Type
“
”
20. Modern Writing Systems
Arabic (Abjad)
Hangul (Syllabic)
Latin (Alphabetic)
French
Spanish
Italian
English
Dutch
German
Irish
Welsh
Czech
Polish
Chinese (Logographic)
21. Ancient
Egyptian
Abbreviated History of Our Alphabet
Phoenician Greek
(logographic with alphabetic
elements)
4000
BC
Latin
1200
BC
800
BC
700
BC
(Essentially the “latin” or
“roman” alphabet)
26. Gutenberg’s Textura (1450) Garamond (1530)
Old StyleTextura
http://newwebtypography.com/blog/2014/02/towards-a-more-perfect-webfont-type-classification/
27. Transitional
Caslon (1720) Bodoni (1798)
Modern
http://newwebtypography.com/blog/2014/02/towards-a-more-perfect-webfont-type-classification/
28. Humanist Sans
Gill Sans (1926)
Egyptian/Slab Serif
1815
http://newwebtypography.com/blog/2014/02/towards-a-more-perfect-webfont-type-classification/
49. Additional Resources
Pixels vs EM vs REM (and vh, vw)
Mapping Typography to CSS (don’t fear web typography)
HTML/CSS Typography Primer
http://j.eremy.net/confused-about-rem-and-em/
http://adamschwartz.co/magic-of-css/chapters/5-typography/
http://www.dontfeartheinternet.com/css/don%E2%80%99t-fear-web-
typography
http://css-tricks.com/viewport-sized-typography/