$30 off During Our Annual Pro Sale. View Details »

Where are (web) designers going with web fonts?

Scott Boms
September 26, 2011

Where are (web) designers going with web fonts?

A talk by @scottboms, @mrwarren and @luxuryluke given at TypeCon 2011 in New Orleans, LA about the state of web fonts today and what designers are striving to achieve with them on the web.

Scott Boms

September 26, 2011
Tweet

More Decks by Scott Boms

Other Decks in Design

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