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

F8aa0398b5d8bd59b8f3f0b676d22f28?s=47 Dan Mall
September 11, 2013

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

F8aa0398b5d8bd59b8f3f0b676d22f28?s=128

Dan Mall

September 11, 2013
Tweet

Transcript

  1. Server tuning with terminal

  2. Just my Type holy crap you guys you’re gonna learn

    so much about typography today
  3. None
  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
  11. None
  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?

  21. None
  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

  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. Guidelines or letters

  35. None
  36. None
  37. The tops o letters re e sier to re d

    th n the bottoms.
  38. None
  39. None
  40. None
  41. None
  42. None
  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
  49. None
  50. None
  51. None
  52. Drawing type An exercise

  53. typographic personality

  54. None
  55. None
  56. Stereot pes

  57. Stereot pe-o r ph

  58. dm ll.me/NFXpmz

  59. None
  60. None
  61. None
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. Partner up An exercise

  77. Ch r cter ch r cter

  78. None
  79. None
  80. None
  81. None
  82. None
  83. Historic l Context

  84. None
  85. None
  86. None
  87. None
  88. None
  89. None
  90. None
  91. None
  92. None
  93. None
  94. dm ll.me/182p67W

  95. Foundr Stereot pe-o r ph

  96. None
  97. None
  98. None
  99. None
  100. T pe-inspired inter ces

  101. dm ll.me/15C57Zw

  102. None
  103. None
  104. None
  105. None
  106. None
  107. Critiquin T pe

  108. thever e.com

  109. t pm tes.com

  110. None
  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

  119. None
  120. dm ll.me/1 RJj1v

  121. None
  122. Comp rin web onts services b on-screen renderin

  123. dm ll.me/18VQmVk

  124. None
  125. None
  126. Comp rin renderin cross browsers

  127. None
  128. None
  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