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

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 full-size slide

  2. WHO ARE
    THESE GUYS?

    View full-size slide

  3. BRIAN
    WARREN
    HAPPY COG/BUTTER LABEL

    View full-size slide

  4. LUKE
    DORNY
    NEWSVINE/BUTTER LABEL

    View full-size slide

  5. SCOTT
    BOMS
    LL&S/BUTTER LABEL

    View full-size slide

  6. 500+
    YEARS OF PRINT

    View full-size slide

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

    View full-size slide

  8. 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 full-size slide

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

    View full-size slide

  10. A BIT ABOUT THE SURVEY

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  13. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  17. WHERE WE’RE
    GOING

    View full-size slide

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

    View full-size slide

  19. SAGINAW by ?
    BASKERVILLE by Monotype

    View full-size slide

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

    View full-size slide

  21. BREE by TypeTogether
    Skolar by TypeTogether

    View full-size slide

  22. LIQUORSTORE by Chank Co.

    View full-size slide

  23. COQUETTE by Mark Simonson

    View full-size slide

  24. HELLENIC WIDE by Veer
    PROXIMA NOVA by Mark Simonson

    View full-size slide

  25. 01. RENDERING

    View full-size slide

  26. PLATFORMS & VIEWPORTS

    View full-size slide

  27. 02. LITTLE DETAILS

    View full-size slide

  28. We’re rediscovering typography.”
    JON TAN

    View full-size slide

  29. 03. IDENTIFICATION & PAIRING

    View full-size slide

  30. 04. WORKFLOW & INTEGRATION

    View full-size slide

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

    View full-size slide

  32. 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 full-size slide

  33. Original concept by Elliot Jay Stocks

    View full-size slide

  34. 05. POLYFILLS

    View full-size slide

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

    View full-size slide

  36. 06. BEYOND THE BROWSER

    View full-size slide

  37. The future of the web is the
    future of typography.”
    NICK SHERMAN

    View full-size slide

  38. THANK YOU
    @scottboms @mrwarren @luxuryluke

    View full-size slide