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

  • 1,093 views

 

Statistics

Views

Total Views
1,093
Views on SlideShare
1,090
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 View slide
  • Introductions9:00–9:15 What is typography for?9:15–10:00 View slide
  • 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