The promise of fully-featured web typography is finally here. With so many options, how do you choose? Join us to discuss all that goes into making the right decisions including, usage, pricing, selection, licensing, tools, and resources. Bring your digital devices to share your own tools and resources. by Tom Osborne for AIGA DC's Non-book Book Club at BET Networks on February 22, 2012

1. WEB TYPE: HYPE & GRIPES
by Tom Osborne for AIGA DC’s Non-book Book Club at BET Networks on February , 
© Viget Labs, LLC

2. HI! I’M
TOM OSBORNE
I work as a Design Director at Viget.
@_troz
spkr8.com/troz
© Viget Labs, LLC

3. WHAT WE’LL COVER
I. A walk down memory lane
II. Living up to the hype
III. Some gripes
© Viget Labs, LLC

4. MEMORY LANE
 

5.  
Arial, Verdana, Times New Roman, Courier,
Trebuchet, Georgia, Lucida Grande
© Viget Labs, LLC

6.  
Helvetica, Arial, sans-serif
© Viget Labs, LLC

7.   
<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

8.   
Gotham, ‘Helvetica Neue’, Helvetica, Arial, sans-
serif
© Viget Labs, LLC

9. SOURCE http://www.typetester.org/

10. 
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

11. 
Fast text replacement with canvas and VML - no
Flash or images required.
© Viget Labs, LLC

12. @-
@font-face {
font-family: DeliciousRoman;
src: url(/Delicious-Roman.otf);
}
h1 {
font-family: DeliciousRoman, Helvetica,
Arial, sans-serif;
}
© Viget Labs, LLC

13.     
Soon to become the "single, interoperable [font]
format" supported by all browsers.
© Viget Labs, LLC

14. LIVING UP TO
THE HYPE
 

15. SOURCE http://www.buzzfeed.com/animals/cats-as-fonts

16. SOURCES http://fontgame.ilovetypography.com/
http://type.method.ac/
http://shape.method.ac/
http://cheeseorfont.com/

17. SOURCE http://www.fontbook.com/

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

19. SOURCE http://2011.beercamp.com/

20. SOURCE http://holidays.virb.com/

21. SOURCE http://www.kitchensinkstudios.com/

22. SOURCE http://yebocreative.com/

23. SOURCE http://lawineagency.com/

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

25. SOURCE http://activatedrinks.com

26. SOURCE http://goodcorps.com/

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

28. SOURCE https://typekit.com/plans

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

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

31. SOURCE http://www.fontspring.com/fontface

32. SOURCE http://www.google.com/webfonts

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

34. SOURCE http://www.google.com/webfonts#ChoosePlace:select

35. SOURCE http://about.me/tomosborne

36. SOURCE http://www.theleagueofmoveabletype.com/

37. SOURCE http://letteringjs.com/

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

39. SOURCE http://lostworldsfairs.com/eldorado/

40. SOURCE http://lostworldsfairs.com/atlantis/

41. SOURCE http://lostworldsfairs.com/moon/

42. SOURCE http://webtypographyforthelonely.com/

43. SOME GRIPES
 

44. COSTS
Subscription fees
Annual fees
Bandwidth allowances and restrictions
© Viget Labs, LLC

45. CONSISTENCY
Flash of unstyled text (FOUT)
Rendering in IE 7 & 8
Mobile unpredictability
© Viget Labs, LLC

46. LICENSING
Client/agency usage
Transferable licensing
Building font libraries
© Viget Labs, LLC

47. STILL WAITING
House Industries
Hoefler & Frere-Jones
Berthold
© Viget Labs, LLC

48. Thanks!
Resources Let’s Connect
: www.viget.com : tom.osborne@viget.com
 : viget.com/inspire : @_troz
 : viget.com/careers : spkr8.com/t/9315
© Viget Labs, LLC • http://www.viget.com