The document appears to be an agenda or schedule for a typography workshop or class. It includes sessions on introductions, the purpose of typography, choosing and pairing typefaces, understanding web typography, implementing webfonts from various services, exercises on typography concepts, and an open critique session. Breaks and times are provided for each session.

1. Server tuning
with terminal

2. Just my
Type
holy crap you guys you’re gonna
learn so much about typography today

4. Introductions9:00–9:15

5. Introductions9:00–9:15
What is typography for?9:15–10:00

6. Introductions9:00–9:15
What is typography for?9:15–10:00
Typographic personality: choosing
and pairing typefaces
10:00-11:00

7. Introductions9:00–9:15
What is typography for?9:15–10:00
Typographic personality: choosing
and pairing typefaces
10:00-11:00
11:00–11:15 Break

8. Introductions9:00–9:15
What is typography for?9:15–10:00
Typographic personality: choosing
and pairing typefaces
10:00-11:00
11:00–11:15 Break
11:15–11:45 Open critique

9. Introductions9:00–9:15
What is typography for?9:15–10:00
Typographic personality: choosing
and pairing typefaces
10:00-11:00
11:00–11:15 Break
11:15–11:45 Open critique
11:45–12:30 Understanding web typography

10. Introductions9:00–9:15
What is typography for?9:15–10:00
Typographic personality: choosing
and pairing typefaces
10:00-11:00
11:00–11:15 Break
11:15–11:45 Open critique
11:45–12:30 Understanding web typography
12:30–13:30 Lunch

12. 13:30-13:45 A rundown of webfont services

13. 13:30-13:45 A rundown of webfont services
13:45:–15:00 Implementing webfonts (MyFonts,
Google Web Fonts, Typekit)

14. 13:30-13:45 A rundown of webfont services
13:45:–15:00 Implementing webfonts (MyFonts,
Google Web Fonts, Typekit)
15:00–15:15 Coffee Break

15. 13:30-13:45 A rundown of webfont services
13:45:–15:00 Implementing webfonts (MyFonts,
Google Web Fonts, Typekit)
15:00–15:15 Coffee Break
15:15–16:00 An exercise: webfonts in action

16. 13:30-13:45 A rundown of webfont services
13:45:–15:00 Implementing webfonts (MyFonts,
Google Web Fonts, Typekit)
15:00–15:15 Coffee Break
15:15–16:00 An exercise: webfonts in action
16:00–16:50 Typecast, lettering.js, other tools,
and open time

17. 13:30-13:45 A rundown of webfont services
13:45:–15:00 Implementing webfonts (MyFonts,
Google Web Fonts, Typekit)
15:00–15:15 Coffee Break
15:15–16:00 An exercise: webfonts in action
16:00–16:50 Typecast, lettering.js, other tools,
and open time
16:50–17:00 Wrap-up, hugs, and fistbumps

18. Introductions
Who you are, where you work, what you do,
where you’re from, what you want to get out of today

19. mamp.info

20. What is typography for?

22. Typography exists to honor content.

23. Typography must often draw attention
to itself before it will be read. Yet in
order to be read, it must relinquish the
attention it has drawn.

24. What do you know about
typography on the web?

25. Understanding letters

26. Logos

34. Guidelines for letters

37. The tops of letters are easier to read
than the bottoms.

43. Mixed case is easier to read
than all caps.

44. looking at letterforms
differently
An exercise

45. dmall.me/ZnQgQMdmall.me/1aUUf9j

46. Letter

47. Letter
Raleway Heavy, 300pt

48. Letter
Raleway Heavy, 300pt
Lora Italic, 24pt

52. Drawing type
An exercise

53. typographic
personality

56. Stereotypes

57. Stereotype-ography

58. dmall.me/NFXpmz

76. Partner up
An exercise

77. Character character

83. Historical Context

94. dmall.me/182p67W

95. Foundry Stereotype-ography

100. Type-inspired interfaces

101. dmall.me/15C57Zw

107. Critiquing Type

108. theverge.com

109. tapmates.com

111. Open critique

112. breaktime

113. webfonts

114. The difference between
desktop fonts and webfonts

115. dmall.me/18VPP5V

116. Choosing webfonts

117. Hinting

118. dmall.me/1alFjCR

120. dmall.me/1aRJj1v

122. Comparing webfonts services by
on-screen rendering

123. dmall.me/18VQmVk

126. Comparing rendering across browsers

129. implementing webfonts

130. Web-safe fonts vs. webfonts

131. SERIF
Georgia, Times New Roman,
Book Antiqua, Palatino
SANS-SERIF
Arial, Comic Sans, Geneva, Helvetica,
Impact, Lucida Sans, Tahoma,
Trebuchet MS, Verdana
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. dmall.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. dmall.me/182z4Gg

138. myfonts.com

139. html5boilerplate.com

140. google.com/fonts

141. typekit.com

142. Movie titles
An exercise

143. annyas.com/screenshots

144. typecast.com

145. Thanks!
B u
@danielmall dan@danielmall.com