Where are (web) designers going with web fonts?

21,951 views
21,851 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
2 Comments
27 Likes
Statistics
Notes
No Downloads
Views
Total views
21,951
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
141
Comments
2
Likes
27
Embeds 0
No embeds

No notes for slide

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

×