WEB TYPE: HYPE & GRIPESby Tom Osborne for AIGA DC’s Non-book Book Club at BET Networks on February ,

© Viget Labs, LLC

NAMEPLACEDATE

© Viget Labs, LLC

spkr8.com/troz

HI! I’M

I work as a Design Director at Viget.TOM OSBORNE

@_troz

© Viget Labs, LLC

I. A walk down memory lane

II. Living up to the hype

III. Some gripes

WHAT WE’LL COVER

MEMORY LANE

Arial, Verdana, Times New Roman, Courier, Trebuchet, Georgia, Lucida Grande

© Viget Labs, LLC

Helvetica, Arial, sans-serif

© Viget Labs, LLC

<h1 class="main-logo"> CSS-Tricks</h1>

h1.main-logo { width: 350px; height: 75px; background: url(images/header-image.jpg); text-indent: -9999px;

© Viget Labs, LLC

Gotham, ‘Helvetica Neue’, Helvetica, Arial, sans-serif

© Viget Labs, LLC

http://www.typetester.org/SOURCE

Scalable Inman Flash Replacement (sIFR) is an open source JavaScript and Adobe Flash dynamic web fonts implementation, enabling the replacement of text elements on HTML web pages with Flash equivalents.

© Viget Labs, LLC

Fast text replacement with canvas and VML - no Flash or images required.

© Viget Labs, LLC

@-

@font-face {font-family: DeliciousRoman;src: url(/Delicious-Roman.otf);}

h1 {font-family: DeliciousRoman, Helvetica, Arial, sans-serif;}

© Viget Labs, LLC

Soon to become the "single, interoperable [font] format" supported by all browsers.

© Viget Labs, LLC

LIVING UP TO THE HYPE

http://www.buzzfeed.com/animals/cats-as-fontsSOURCE

http://fontgame.ilovetypography.com/SOURCES

http://type.method.ac/

http://shape.method.ac/

http://cheeseorfont.com/

http://www.fontbook.com/SOURCE

http://www.strangenative.com/foldup/SOURCE

http://2011.beercamp.com/SOURCE

http://holidays.virb.com/SOURCE

http://www.kitchensinkstudios.com/SOURCE

http://yebocreative.com/SOURCE

http://lawineagency.com/SOURCE

http://www.manufacturedessai.it/it/SOURCE

http://activatedrinks.comSOURCE

http://goodcorps.com/SOURCE

http://fffo.grahambird.co.uk/SOURCE

https://typekit.com/plansSOURCE

http://www.extensis.com/en/WebINK/pricing/SOURCE

http://www.extensis.com/en/webfontplugin/SOURCE

http://www.fontspring.com/fontfaceSOURCE

http://www.google.com/webfontsSOURCE

http://hellohappy.org/beautiful-web-type/SOURCE

http://www.google.com/webfonts#ChoosePlace:selectSOURCE

http://about.me/tomosborneSOURCE

http://www.theleagueofmoveabletype.com/SOURCE

http://letteringjs.com/SOURCE

http://trentwalton.com/2011/11/18/workspace/SOURCE

http://lostworldsfairs.com/eldorado/SOURCE

http://lostworldsfairs.com/atlantis/SOURCE

http://lostworldsfairs.com/moon/SOURCE

http://webtypographyforthelonely.com/SOURCE

SOME GRIPES

© Viget Labs, LLC

➡ Subscription fees

➡ Annual fees

➡ Bandwidth allowances and restrictions

COSTS

© Viget Labs, LLC

➡ Flash of unstyled text (FOUT)

➡ Rendering in IE 7 & 8

➡ Mobile unpredictability

CONSISTENCY

© Viget Labs, LLC

➡ Client/agency usage

➡ Transferable licensing

➡ Building font libraries

LICENSING

© Viget Labs, LLC

➡ House Industries

➡ Hoefler & Frere-Jones

➡ Berthold

STILL WAITING

© Viget Labs, LLC  • http://www.viget.com

: www.viget.com : viget.com/inspire : viget.com/careers

: tom.osborne@viget.com: @_troz: spkr8.com/t/9315

Thanks!Let’s ConnectResources