Slide 1

Slide 1 text

WHERE THE RUBBER MEETS THE ROAD WHERE ARE (WEB) DESIGNERS GOING WITH WEB FONTS? TYPECON 2011: SURGE

Slide 2

Slide 2 text

WHO ARE THESE GUYS?

Slide 3

Slide 3 text

BRIAN WARREN HAPPY COG/BUTTER LABEL

Slide 4

Slide 4 text

LUKE DORNY NEWSVINE/BUTTER LABEL

Slide 5

Slide 5 text

SCOTT BOMS LL&S/BUTTER LABEL

Slide 6

Slide 6 text

THE PAST

Slide 7

Slide 7 text

500+ YEARS OF PRINT

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

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.

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

A BIT ABOUT THE SURVEY

Slide 13

Slide 13 text

13 QUESTIONS 5 DAYS 235 RESPONSES A BIT ABOUT THE SURVEY

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

WHERE WE’RE GOING

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

BY EXAMPLE

Slide 22

Slide 22 text

SAGINAW by ? BASKERVILLE by Monotype

Slide 23

Slide 23 text

MOD REGULAR by Font Fabric HERO LIGHT by Svetoslav Simov

Slide 24

Slide 24 text

BREE by TypeTogether Skolar by TypeTogether

Slide 25

Slide 25 text

LIQUORSTORE by Chank Co.

Slide 26

Slide 26 text

COQUETTE by Mark Simonson

Slide 27

Slide 27 text

HELLENIC WIDE by Veer PROXIMA NOVA by Mark Simonson

Slide 28

Slide 28 text

01. RENDERING

Slide 29

Slide 29 text

PLATFORMS & VIEWPORTS

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

02. LITTLE DETAILS

Slide 32

Slide 32 text

We’re rediscovering typography.” JON TAN “

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

03. IDENTIFICATION & PAIRING

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

04. WORKFLOW & INTEGRATION

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

Original concept by Elliot Jay Stocks

Slide 41

Slide 41 text

05. POLYFILLS

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

06. BEYOND THE BROWSER

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

THANK YOU @scottboms @mrwarren @luxuryluke