Just My Type: Be the typographer you were born to be

Transcript

1. Server tuning with terminal
2. Just my Type holy crap you guys you’re gonna learn so much about typography today
4. Introductions 9:00–9:15
5. Introductions 9:00–9:15 Wh t is t po r ph or? 9:15–10:00
6. Introductions 9:00–9:15 Wh t is t po r ph or? 9:15–10:00 T po r phic person lit : choosin nd p irin t pe ces 10:00-11:00
7. Introductions 9:00–9:15 Wh t is t po r ph or? 9:15–10:00 T po r phic person lit : choosin nd p irin t pe ces 10:00-11:00 11:00–11:15 Bre k
8. Introductions 9:00–9:15 Wh t is t po r ph or? 9:15–10:00 T po r phic person lit : choosin nd p irin t pe ces 10:00-11:00 11:00–11:15 Bre k 11:15–11:45 Open critique
9. Introductions 9:00–9:15 Wh t is t po r ph or? 9:15–10:00 T po r phic person lit : choosin nd p irin t pe ces 10:00-11:00 11:00–11:15 Bre k 11:15–11:45 Open critique 11:45–12:30 Underst ndin web t po r ph
10. Introductions 9:00–9:15 Wh t is t po r ph or? 9:15–10:00 T po r phic person lit : choosin nd p irin t pe ces 10:00-11:00 11:00–11:15 Bre k 11:15–11:45 Open critique 11:45–12:30 Underst ndin web t po r ph 12:30–13:30 Lunch
12. 13:30-13:45 A rundown o web ont services
13. 13:30-13:45 A rundown o web ont services 13:45:–15:00 Implementin web onts (M Fonts, Goo le Web Fonts, T pekit)
14. 13:30-13:45 A rundown o web ont services 13:45:–15:00 Implementin web onts (M Fonts, Goo le Web Fonts, T pekit) 15:00–15:15 Co ee Bre k
15. 13:30-13:45 A rundown o web ont services 13:45:–15:00 Implementin web onts (M Fonts, Goo le Web Fonts, T pekit) 15:00–15:15 Co ee Bre k 15:15–16:00 An exercise: web onts in ction
16. 13:30-13:45 A rundown o web ont services 13:45:–15:00 Implementin web onts (M Fonts, Goo le Web Fonts, T pekit) 15:00–15:15 Co ee Bre k 15:15–16:00 An exercise: web onts in ction 16:00–16:50 T pec st, letterin .js, other tools, nd open time
17. 13:30-13:45 A rundown o web ont services 13:45:–15:00 Implementin web onts (M Fonts, Goo le Web Fonts, T pekit) 15:00–15:15 Co ee Bre k 15:15–16:00 An exercise: web onts in ction 16:00–16:50 T pec st, letterin .js, other tools, nd open time 16:50–17:00 Wr p-up, hu s, nd istbumps
18. Introductions Who ou re, where ou work, wh t ou do, where ou’re rom, wh t ou w nt to et out o tod
19. m mp.in o
20. What is typography for?
22. T po r ph exists to honor content.
23. T po r ph must o ten dr w ttention to itsel be ore it will be re d. Yet in order to be re d, it must relinquish the ttention it h s dr wn.
24. What do you know about typography on the web?
25. Underst ndin letters
26. Lo os
34. Guidelines or letters
37. The tops o letters re e sier to re d th n the bottoms.
43. Mixed c se is e sier to re d th n ll c ps.
44. looking at letterforms differently An exercise
45. dm ll.me/ZnQ QM dm ll.me/1 UU 9j
46. Letter
47. Letter R lew He v , 300pt
48. Letter R lew He v , 300pt Lor It lic, 24pt
52. Drawing type An exercise
53. typographic personality
56. Stereot pes
57. Stereot pe-o r ph
58. dm ll.me/NFXpmz
76. Partner up An exercise
77. Ch r cter ch r cter
83. Historic l Context
94. dm ll.me/182p67W
95. Foundr Stereot pe-o r ph
100. T pe-inspired inter ces
101. dm ll.me/15C57Zw
107. Critiquin T pe
108. thever e.com
109. t pm tes.com
111. Open critique
112. breaktime
113. webfonts
114. The di erence between desktop onts nd web onts
115. dm ll.me/18VPP5V
116. Choosing webfonts
117. Hintin
118. dm ll.me/1 lFjCR
120. dm ll.me/1 RJj1v
122. Comp rin web onts services b on-screen renderin
123. dm ll.me/18VQmVk
126. Comp rin renderin cross browsers
129. implementing webfonts
130. Web-s e onts vs. web onts
131. SERIF Geor i , Times New Rom n, Book Antiqu , P l tino SANS-SERIF Ari l, Comic S ns, Genev , Helvetic , Imp ct, Lucid S ns, T hom , Trebuchet MS, Verd n Web-safe
132. h1 { font-family: Georgia, ‘Times New Roman’, serif; }
133. h1 { font-family: Sentinel, Georgia, ‘Times New Roman’, serif; }
134. @font-face { font-family: 'Sentinel'; src: url('sentinel.ttf'); } h1 { font-family: Sentinel, Georgia, ‘Times New Roman’, serif; }
135. dm ll.me/13lvthx
136. @font-face { font-family: 'Sentinel'; src: url('sentinel.eot?#iefix') format('embedded- opentype'), url('sentinel.woff') format('woff'), url('sentinel.ttf') format('truetype'), url('sentinel.svg#svgFontName') format('svg'); } h1 { font-family: Sentinel, Georgia, ‘Times New Roman’, serif; }
137. dm ll.me/182z4G
138. m onts.com
139. html5boilerpl te.com
140. oo le.com/ onts
141. t pekit.com
142. Movie titles An exercise
143. nn s.com/screenshots
144. t pec st.com
145. Thanks! B u @d nielm ll d n@d nielm ll.com