where are (web) designers going with web fonts?
DESCRIPTION
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).TRANSCRIPT
![Page 1: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/1.jpg)
WHERE THE RUBBER MEETS THE ROAD
WHERE ARE (WEB) DESIGNERSGOING WITH WEB FONTS?
TYPECON 2011: SURGE
![Page 2: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/2.jpg)
WHO ARETHESE GUYS?
![Page 3: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/3.jpg)
BRIANWARRENHAPPY COG/BUTTER LABEL
![Page 4: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/4.jpg)
LUKEDORNYNEWSVINE/BUTTER LABEL
![Page 5: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/5.jpg)
SCOTTBOMSLL&S/BUTTER LABEL
![Page 6: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/6.jpg)
THE PAST
![Page 7: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/7.jpg)
500+YEARS OF PRINT
![Page 8: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/8.jpg)
15YEARS of CSS TYPE
10YEARS of HACKS
2YEARS of WEB FONTS
A BRIEF HISTORY OF TYPE ON THE WEB
![Page 9: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/9.jpg)
![Page 10: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/10.jpg)
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.
![Page 11: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/11.jpg)
SURVEY The complete results are available at http://bit.ly/wfsr2011
![Page 12: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/12.jpg)
A BIT ABOUT THE SURVEY
![Page 13: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/13.jpg)
13QUESTIONS
5DAYS
235RESPONSES
A BIT ABOUT THE SURVEY
![Page 14: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/14.jpg)
94%of web designers are using web fonts
6%
94%
YES NO
![Page 15: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/15.jpg)
HOW DESIGNERS ARE CHOOSING TYPEOptimized 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
![Page 16: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/16.jpg)
91%want better quality web fonts rather than just more of them
9%
91%
QUALITY QUANTITY
![Page 17: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/17.jpg)
66%prefer hosted web font services such as Typekit,FontDeck, WebType, etc.
34%
66%
HOSTED SELF-HOSTED
![Page 18: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/18.jpg)
84%sometimes or always talk to clients about using web fonts
47%
16%
37%
YES NO SOMETIMES
![Page 19: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/19.jpg)
WHERE WE’RE
GOING
![Page 20: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/20.jpg)
Web designers simply want the same control print has enjoyed for decades
![Page 21: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/21.jpg)
BY EXAMPLE
![Page 22: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/22.jpg)
SAGINAW by ?
BASKERVILLE by Monotype
![Page 23: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/23.jpg)
MOD REGULAR by Font Fabric
HERO LIGHT by Svetoslav Simov
![Page 24: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/24.jpg)
BREE by TypeTogether
Skolar by TypeTogether
![Page 25: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/25.jpg)
LIQUORSTORE by Chank Co.
![Page 26: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/26.jpg)
COQUETTE by Mark Simonson
![Page 27: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/27.jpg)
HELLENIC WIDE by Veer
PROXIMA NOVA by Mark Simonson
![Page 28: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/28.jpg)
01. RENDERING
![Page 29: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/29.jpg)
PLATFORMS & VIEWPORTS
![Page 30: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/30.jpg)
![Page 31: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/31.jpg)
02. LITTLE DETAILS
![Page 32: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/32.jpg)
We’re rediscovering typography.” JON TAN
“
![Page 33: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/33.jpg)
![Page 34: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/34.jpg)
![Page 35: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/35.jpg)
03. IDENTIFICATION & PAIRING
![Page 36: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/36.jpg)
![Page 37: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/37.jpg)
04. WORKFLOW & INTEGRATION
![Page 38: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/38.jpg)
What would be most helpful to you as a designer to make web fonts better?”
SURVEY QUESTION:
“
![Page 39: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/39.jpg)
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:
“
![Page 40: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/40.jpg)
Original concept by Elliot Jay Stocks
![Page 41: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/41.jpg)
05. POLYFILLS
![Page 42: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/42.jpg)
Polyfills close the gaps created by browsers that support more advanced features of the HTML and CSS specs
![Page 43: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/43.jpg)
![Page 44: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/44.jpg)
![Page 45: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/45.jpg)
![Page 46: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/46.jpg)
06. BEYOND THE BROWSER
![Page 47: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/47.jpg)
![Page 48: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/48.jpg)
The future of the web is the future of typography.”
N I C K S H E R M A N
“
![Page 49: Where are (web) designers going with web fonts?](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c8133b4a7959994b8b4669/html5/thumbnails/49.jpg)
THANK YOU@scottboms @mrwarren @luxuryluke