Just My Type: Be the Typographer You Were Born to Be
Upcoming SlideShare
Loading in...5
×
 

Just My Type: Be the Typographer You Were Born to Be

on

  • 978 views

 

Statistics

Views

Total Views
978
Views on SlideShare
975
Embed Views
3

Actions

Likes
10
Downloads
16
Comments
0

2 Embeds 3

https://twitter.com 2
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Just My Type: Be the Typographer You Were Born to Be Just My Type: Be the Typographer You Were Born to Be Presentation Transcript

    • Server tuning with terminal
    • Just my Type holy crap you guys you’re gonna learn so much about typography today
    • Introductions9:00–9:15
    • Introductions9:00–9:15 What is typography for?9:15–10:00
    • Introductions9:00–9:15 What is typography for?9:15–10:00 Typographic personality: choosing and pairing typefaces 10:00-11:00
    • 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
    • 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
    • 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
    • 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
    • 13:30-13:45 A rundown of webfont services
    • 13:30-13:45 A rundown of webfont services 13:45:–15:00 Implementing webfonts (MyFonts, Google Web Fonts, Typekit)
    • 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
    • 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
    • 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
    • 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
    • Introductions Who you are, where you work, what you do, where you’re from, what you want to get out of today
    • mamp.info
    • What is typography for?
    • Typography exists to honor content.
    • 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.
    • What do you know about typography on the web?
    • Understanding letters
    • Logos
    • Guidelines for letters
    • The tops of letters are easier to read than the bottoms.
    • Mixed case is easier to read than all caps.
    • looking at letterforms differently An exercise
    • dmall.me/ZnQgQMdmall.me/1aUUf9j
    • Letter
    • Letter Raleway Heavy, 300pt
    • Letter Raleway Heavy, 300pt Lora Italic, 24pt
    • Drawing type An exercise
    • typographic personality
    • Stereotypes
    • Stereotype-ography
    • dmall.me/NFXpmz
    • Partner up An exercise
    • Character character
    • Historical Context
    • dmall.me/182p67W
    • Foundry Stereotype-ography
    • Type-inspired interfaces
    • dmall.me/15C57Zw
    • Critiquing Type
    • theverge.com
    • tapmates.com
    • Open critique
    • breaktime
    • webfonts
    • The difference between desktop fonts and webfonts
    • dmall.me/18VPP5V
    • Choosing webfonts
    • Hinting
    • dmall.me/1alFjCR
    • dmall.me/1aRJj1v
    • Comparing webfonts services by on-screen rendering
    • dmall.me/18VQmVk
    • Comparing rendering across browsers
    • implementing webfonts
    • Web-safe fonts vs. webfonts
    • SERIF Georgia, Times New Roman, Book Antiqua, Palatino SANS-SERIF Arial, Comic Sans, Geneva, Helvetica, Impact, Lucida Sans, Tahoma, Trebuchet MS, Verdana Web-safe
    • h1 { font-family: Georgia, ‘Times New Roman’, serif; }
    • h1 { font-family: Sentinel, Georgia, ‘Times New Roman’, serif; }
    • @font-face { font-family: 'Sentinel'; src: url('sentinel.ttf'); } h1 { font-family: Sentinel, Georgia, ‘Times New Roman’, serif; }
    • dmall.me/13lvthx
    • @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; }
    • dmall.me/182z4Gg
    • myfonts.com
    • html5boilerplate.com
    • google.com/fonts
    • typekit.com
    • Movie titles An exercise
    • annyas.com/screenshots
    • typecast.com
    • Thanks! B u @danielmall dan@danielmall.com