Where are (web) designers going with web fonts?

WHERE THE RUBBER MEETS THE ROADWHERE ARE (WEB) DESIGNERSGOING WITH WEB FONTS?TYPECON 2011: SURGE

WHO ARETHESE GUYS?

BRIANWARRENHAPPY COG/BUTTER LABEL

LUKEDORNYNEWSVINE/BUTTER LABEL

SCOTTBOMSLL&S/BUTTER LABEL

THE PAST

500+YEARS OF PRINT

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

“ 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.

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

A BIT ABOUT THE SURVEY

A BIT ABOUT THE SURVEY13QUESTIONS 5 DAYS 235 RESPONSES

94%6% of web designers are 94% using web fontsYES NO

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

9% 91% want better quality web fonts rather than just 91% more of themQUALITY QUANTITY

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

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

WHERE WE’REGOING

Web designers simply want the samecontrol print has enjoyed for decades

BY EXAMPLE

SAGINAW by ?BASKERVILLE by Monotype

MOD REGULAR by Font FabricHERO LIGHT by Svetoslav Simov

BREE by TypeTogetherSkolar by TypeTogether

LIQUORSTORE by Chank Co.

COQUETTE by Mark Simonson

HELLENIC WIDE by Veer PROXIMA NOVA by Mark Simonson

01. RENDERING

PLATFORMS & VIEWPORTS

02. LITTLE DETAILS

“We’re rediscovering typography.” JON TAN

03. IDENTIFICATION & PAIRING

04. WORKFLOW & INTEGRATION

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

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.”

Original concept by Elliot Jay Stocks

05. POLYFILLS

Polyfills close the gaps created bybrowsers that support more advancedfeatures of the HTML and CSS specs

06. BEYOND THE BROWSER

“ The future of the web is the future of typography.” N ICK S HE RMA N

THANK YOU@scottboms @mrwarren @luxuryluke

http://scottboms.com	1262
http://grds.kristinkaineg.com	841
http://blog.colinmford.com	453
http://johndanielharrington.tumblr.com	96
http://kaylasoper.tumblr.com	78
http://twitter.com	75
http://www.scottboms.com	48
http://designvittles.tumblr.com	45
http://lanyrd.com	38
https://twitter.com	30
http://local.scottboms.com	13
http://www.wishingline.com	7
http://paper.li	4
http://tweetedtimes.com	4
http://websitelab.local	3
http://localhost	2
http://translate.google.com	2
http://colinmford.tumblr.com	2
http://chinaberry	2
http://safe.tumblr.com	2
http://translate.googleusercontent.com	2
http://www.google.co.jp	1
http://wishingline.com	1
http://www.linkedin.com	1

Where are (web) designers going with web fonts?

by Scott Boms

Accessibility

Categories

Upload Details

Usage Rights

24 Embeds 3,012

Statistics