Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Where are (web) designers going with web fonts?

22,666 views

Published on

Presented during TypeCon 2011: Surge in New Orleans by Scott Boms (Butter Label/LL&S), Luke Dorny (Newsvine/Butter Label/LL&S) nad Brian Warren (Happy Cog/Butter Label/LL&S).

Published in: Design, Technology, Art & Photos

Where are (web) designers going with web fonts?

  1. 1. WHERE THE RUBBER MEETS THE ROADWHERE ARE (WEB) DESIGNERSGOING WITH WEB FONTS?TYPECON 2011: SURGE
  2. 2. WHO ARETHESE GUYS?
  3. 3. BRIANWARRENHAPPY COG/BUTTER LABEL
  4. 4. LUKEDORNYNEWSVINE/BUTTER LABEL
  5. 5. SCOTTBOMSLL&S/BUTTER LABEL
  6. 6. THE PAST
  7. 7. 500+YEARS OF PRINT
  8. 8. A BRIEF HISTORY OF TYPE ON THE WEB 15YEARS of CSS TYPE 10 YEARS of HACKS 2 YEARS of WEB FONTS
  9. 9. “ 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.
  10. 10. SURVEY The complete results are available at http://bit.ly/wfsr2011
  11. 11. A BIT ABOUT THE SURVEY
  12. 12. A BIT ABOUT THE SURVEY13QUESTIONS 5 DAYS 235 RESPONSES
  13. 13. 94%6% of web designers are 94% using web fontsYES NO
  14. 14. 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
  15. 15. 9% 91% want better quality web fonts rather than just 91% more of themQUALITY QUANTITY
  16. 16. 34% 66% prefer hosted web font 66% services such as Typekit, FontDeck, WebType, etc. HOSTED SELF-HOSTED
  17. 17. 47% 37% 84% sometimes or always talk to clients about 16% using web fonts YES NO SOMETIMES
  18. 18. WHERE WE’REGOING
  19. 19. Web designers simply want the samecontrol print has enjoyed for decades
  20. 20. BY EXAMPLE
  21. 21. SAGINAW by ?BASKERVILLE by Monotype
  22. 22. MOD REGULAR by Font FabricHERO LIGHT by Svetoslav Simov
  23. 23. BREE by TypeTogetherSkolar by TypeTogether
  24. 24. LIQUORSTORE by Chank Co.
  25. 25. COQUETTE by Mark Simonson
  26. 26. HELLENIC WIDE by Veer PROXIMA NOVA by Mark Simonson
  27. 27. 01. RENDERING
  28. 28. PLATFORMS & VIEWPORTS
  29. 29. 02. LITTLE DETAILS
  30. 30. “We’re rediscovering typography.” JON TAN
  31. 31. 03. IDENTIFICATION & PAIRING
  32. 32. 04. WORKFLOW & INTEGRATION
  33. 33. SURVEY QUESTION:“ What would be most helpful to you as a designer to make web fonts better?”
  34. 34. ACTUAL ANSWER:“ It’d be really great to have some way to design in Photoshop/Illustrator with a font I have a web license for.”
  35. 35. Original concept by Elliot Jay Stocks
  36. 36. 05. POLYFILLS
  37. 37. Polyfills close the gaps created bybrowsers that support more advancedfeatures of the HTML and CSS specs
  38. 38. 06. BEYOND THE BROWSER
  39. 39. “ The future of the web is the future of typography.” N ICK S HE RMA N
  40. 40. THANK YOU@scottboms @mrwarren @luxuryluke

×