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

In Search Of What Makes The Ideal Web Font

In Search Of What Makes The Ideal Web Font

Slides from a talk about typography on the web, given at Future Insights Live in Las Vegas, May 2012.

Laura Kalbag

May 13, 2012
Tweet

More Decks by Laura Kalbag

Other Decks in Design

Transcript

  1. View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. Pantalaimon scampered
    before her, flowing up the
    stairs to the very top, where
    Lyra's bedroom was. Lyra
    barged open the door,
    dragged her rickety chair to
    the window, flung wide the
    casement, and scrambled
    out.
    Pantalaimon scampered before her, flowing up the stairs to the very
    top, where Lyra's bedroom was. Lyra barged open the door, dragged
    her rickety chair to the window, flung wide the casement, and
    scrambled out.

    View Slide

  15. In every part of the kingdom there were dye works and brick kilns,
    forests and atomcraft works that paid rent to Jordan, and every
    quarter-day the bursar and his clerks would tot it all up, announce
    the total to the Concilium, and order a pair of swans for the feast.
    Some of the money was put by for reinvestment—Concilium had
    just approved the purchase of an office blog in Manchester—and
    the rest was used to pay the Scholars' modest stipends and the
    wages of the servants

    View Slide

  16. Part  Three:  Svalbard
    Eighteen      Fog  and  Ice    227
    Nineteen      Captivity    240
    Twenty      Mortal  Combat    254
    Twenty-­‐One      Lord  Asriel's  Welcome    226
    Twenty-­‐Two      Betrayal    279
    Twenty-­‐Three      The  Bridge  to  the  Stars    286
    Lantern  Slides    294

    View Slide

  17. Pantalaimon  scampered  before  her,  Blowing  up  the  stairs  to  the  very  top,  
    where  Lyra's  bedroom  was.  Lyra  barged  open  the  door,  dragged  her  rickety  
    chair  to  the  window,  Blung  wide  the  casement,  and  scrambled  out.  There  was  
    a  lead-­‐lined  stone  gutter  a  foot  wide  just  below  the  window,  and  once  she  
    was  standing  in  that,  she  turned  and  clambered  up  over  the  rough  tiles  until  
    she  stood  on  the  topmost  ridge  of  the  roof.  There  she  opened  her  mouth  and  
    screamed.  Pantalaimon,  who  always  became  a  bird  once  on  the  roof,  Blew  
    round  and  round  shrieking  rook  shrieks  with  her.
    The  evening  sky  was  awash  with  peach,  apricot,  cream:  tender  little  ice-­‐
    cream  clouds  in  a  wide  orange  sky.  

    View Slide

  18. View Slide

  19. View Slide

  20. Garamond
    Minion Pro

    View Slide

  21. Baskerville
    Times New Roman

    View Slide

  22. Bodoni
    Didot

    View Slide

  23. Adelle
    Rockwell

    View Slide

  24. Myriad Pro
    Gill Sans

    View Slide

  25. Franklin Gothic
    Helvetica

    View Slide

  26. Futura
    Century Gothic

    View Slide

  27. Comic Sans(!)
    Edwardian Script

    View Slide

  28. Papyrus
    DYNAMOE

    View Slide

  29. L r
    Museo

    View Slide

  30. Futura Verdana

    View Slide

  31. Helvetica
    Helvetica Neue

    View Slide

  32. The evening sky was awash with peach, apricot, cream: tender little ice-cream
    clouds in a wide orange sky. The spires and towers of Oxford stood around them,
    level but no higher; the green woods on Chåteau-Vert and White Ham rose on
    either side to the east and the west.
    The evening sky was awash with peach, apricot, cream: tender little ice-cream
    clouds in a wide orange sky. The spires and towers of Oxford stood around them,
    level but no higher; the green woods on Chåteau-Vert and White Ham rose on
    either side to the east and the west.

    View Slide

  33. There was a lead-lined stone gutter a foot
    wide just below the window, and once she
    was standing in that, she turned and
    clambered up over the rough tiles until she
    stood on the topmost ridge of the roof. There
    she opened her mouth and screamed.
    There was a lead-lined stone gutter a foot wide just
    below the window, and once she was standing in
    that, she turned and clambered up over the rough
    tiles until she stood on the topmost ridge of the roof.
    There she opened her mouth and screamed.

    View Slide

  34. In every part of the kingdom there were dye
    works and brick kilns, forests and atomcraft
    works that paid rent to Jordan, and every
    quarter-day the bursar and his clerks would
    tot it all up, announce the total to the
    Concilium, and order a pair of swans for the
    feast.
    In every part of the kingdom there were dye works and brick
    kilns, forests and atomcraft works that paid rent to Jordan, and
    every quarter-day the bursar and his clerks would tot it all up,
    announce the total to the Concilium, and order a pair of swans
    for the feast.

    View Slide

  35. Some of the money was put by for reinvestment--
    Concilium had just approved the purchase of an office blog
    in Manchester--and the rest was used to pay the Scholars'
    modest stipends and the wages of the servants
    Giddyup

    View Slide

  36. Function Pro
    The evening sky was awash with peach, apricot,
    cream: tender little ice-cream clouds in a wide
    orange sky.
    Sofia Pro
    The evening sky was awash with peach, apricot,
    cream: tender little ice-cream clouds in a wide
    orange sky.

    View Slide

  37. Museo Sans
    In every part of the kingdom there were dye works and
    brick kilns, forests and atomcraft works that paid rent
    to Jordan…
    Rococo Cocoon
    Embrionic
    In every part of the kingdom there were dye
    works and brick kilns, forests and atomcraft works
    that paid rent to Jordan…
    Rococo Cocoon

    View Slide

  38. Marketing Script
    The evening sky was awash
    MyRanda Regular
    The evening sky was awash

    View Slide

  39. View Slide

  40. View Slide

  41. View Slide

  42. View Slide

  43. View Slide

  44. View Slide

  45. View Slide

  46. View Slide

  47. View Slide

  48. View Slide

  49. View Slide

  50. View Slide

  51. View Slide

  52. View Slide