Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Typography: Book of Secrets

A6f0866a21474e0b54486aedeec002b2?s=47 gordonbrander
October 17, 2011

Typography: Book of Secrets

Does typography seem like a mystery? Do designers posses some kind of secret knowledge? Tune in to expose the conspiracy behind good type.



October 17, 2011


  1. None
  2. Does typography seem like a mystery?

  3. Do designers posses some kind of secret knowledge?

  4. None
  5. Let’s Dig Deeper.

  6. A secret Langu age

  7. Aa Bb Cc Dd Ee Ff serif

  8. None
  9. • Better Readability in Print • Classical Feel

  10. On the web font-family: Baskerville, Georgia, serif;

  11. Aa Bb Cc Dd Ee Ff sans-serif

  12. None
  13. • Better Readability on Screens • Evokes a Modern Aesthetic

  14. On the web font-family: Helvetica, Arial, sans-serif;

  15. A Hidden Code

  16. T raditional Scale

  17. None
  18. Typographers always use a scale.

  19. On the web font-size: 72px; font-size: 48px; ...

  20. Baseline Grid

  21. Baseline Grid

  22. Typographers always use a baseline grid.

  23. On the web line-height: 1.5; line-height: 18px; ...

  24. Inv isible Con nect ions

  25. Font s Have Feelings.

  26. Reserved


  28. Childish (and annoying)

  29. Contemporary


  31. Affable

  32. Find Connections between font s, and y ou’ve found a

    good p air.
  33. None
  34. FIRM AND RESOLUTE Quiet and reasonable

  35. When p airing font s • P air similar temperament

    s • Look for similar line widths and curves • Pick f rom similar time periods • Cont rast s al so work • Pick one with personality - headings... • ...and one tha t’s easy t o read - text
  36. Arcane Ri t u als

  37. Kerning • Equalizing the visual • sp ace between letters

  38. None
  39. On the web lettering.js kern.js

  40. Inv isible p a tterns cause v isible resul t

  41. REsources http://bit.ly/type-book-of-secrets

  42. None