Where are (web) designers going with web fonts?

Transcript

1. WHERE THE RUBBER MEETS THE ROAD
   WHERE ARE (WEB) DESIGNERS
   GOING WITH WEB FONTS?
   TYPECON 2011: SURGE
   

   View Slide

2. WHO ARE
   THESE GUYS?
   

   View Slide

3. BRIAN
   WARREN
   HAPPY COG/BUTTER LABEL
   

   View Slide

4. LUKE
   DORNY
   NEWSVINE/BUTTER LABEL
   

   View Slide

5. SCOTT
   BOMS
   LL&S/BUTTER LABEL
   

   View Slide

6. THE PAST
   

   View Slide

7. 500+
   YEARS OF PRINT
   

   View Slide

8. 15
   YEARS of CSS TYPE
   10
   YEARS of HACKS
   2
   YEARS of WEB FONTS
   A BRIEF HISTORY OF TYPE ON THE WEB
   

   View Slide

9. View Slide

10. We look at the present through a rear-view mirror.
    We march backwards into the future.” MARSHALL McLUHAN
    “
    This photograph is copyright © Henri Dauman/The Estate of Marshall McLuhan and may not be used without permission.
    

    View Slide

11. SURVEY The complete results are available at
    http://bit.ly/wfsr2011
    

    View Slide

12. A BIT ABOUT THE SURVEY
    

    View Slide

13. 13
    QUESTIONS
    5
    DAYS
    235
    RESPONSES
    A BIT ABOUT THE SURVEY
    

    View Slide

14. 94%
    of web designers are
    using web fonts
    6%
    94%
    YES NO
    

    View Slide

15. HOW DESIGNERS ARE CHOOSING TYPE
    Optimized for Small Sizes
    Fallback Font Availability
    Range of Weights and Styles
    Number of Glyphs
    Language Support
    Availability of Special Characters
    Pairings from Same Web Font Service
    Appropriateness for the Project
    0 50 100 150 200
    

    View Slide

16. 91%
    want better quality web
    fonts rather than just
    more of them
    9%
    91%
    QUALITY QUANTITY
    

    View Slide

17. 66%
    prefer hosted web font
    services such as Typekit,
    FontDeck, WebType, etc.
    34%
    66%
    HOSTED SELF-HOSTED
    

    View Slide

18. 84%
    sometimes or always
    talk to clients about
    using web fonts
    47%
    16%
    37%
    YES NO SOMETIMES
    

    View Slide

19. WHERE WE’RE
    GOING
    

    View Slide

20. Web designers simply want the same
    control print has enjoyed for decades
    

    View Slide

21. BY EXAMPLE
    

    View Slide

22. SAGINAW by ?
    BASKERVILLE by Monotype
    

    View Slide

23. MOD REGULAR by Font Fabric
    HERO LIGHT by Svetoslav Simov
    

    View Slide

24. BREE by TypeTogether
    Skolar by TypeTogether
    

    View Slide

25. LIQUORSTORE by Chank Co.
    

    View Slide

26. COQUETTE by Mark Simonson
    

    View Slide

27. HELLENIC WIDE by Veer
    PROXIMA NOVA by Mark Simonson
    

    View Slide

28. 01. RENDERING
    

    View Slide

29. PLATFORMS & VIEWPORTS
    

    View Slide

30. View Slide

31. 02. LITTLE DETAILS
    

    View Slide

32. We’re rediscovering typography.”
    JON TAN
    “
    

    View Slide

33. View Slide

34. View Slide

35. 03. IDENTIFICATION & PAIRING
    

    View Slide

36. View Slide

37. 04. WORKFLOW & INTEGRATION
    

    View Slide

38. What would be most helpful to you as a
    designer to make web fonts better?”
    SURVEY QUESTION:
    “
    

    View Slide

39. It’d be really great to have some way to
    design in Photoshop/Illustrator with a
    font I have a web license for.”
    ACTUAL ANSWER:
    “
    

    View Slide

40. Original concept by Elliot Jay Stocks
    

    View Slide

41. 05. POLYFILLS
    

    View Slide

42. Polyfills close the gaps created by
    browsers that support more advanced
    features of the HTML and CSS specs
    

    View Slide

43. View Slide

44. View Slide

45. View Slide

46. 06. BEYOND THE BROWSER
    

    View Slide

47. View Slide

48. The future of the web is the
    future of typography.”
    NICK SHERMAN
    “
    

    View Slide

49. THANK YOU
    @scottboms @mrwarren @luxuryluke
    

    View Slide