Successfully reported this slideshow.
WEB TYPE: HYPE & GRIPESby Tom Osborne for AIGA DC’s Non-book Book Club at BET Networks on February , © Viget Labs, LLC
HI! I’MTOM OSBORNEI work as a Design Director at Viget.           @_troz           spkr8.com/troz© Viget Labs, LLC
WHAT WE’LL COVERI. A walk down memory laneII. Living up to the hypeIII. Some gripes© Viget Labs, LLC
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(...
  Gotham, ‘Helvetica Neue’, Helvetica, Arial, sans-serif© Viget Labs, LLC
SOURCE   http://www.typetester.org/
Scalable Inman Flash Replacement (sIFR) is an opensource JavaScript and Adobe Flash dynamic webfonts implementation, e...
Fast text replacement with canvas and VML - noFlash or images required.© Viget Labs, LLC
@-@font-face {  font-family: DeliciousRoman;  src: url(/Delicious-Roman.otf);  }h1 {  font-family: DeliciousRoman,...
    Soon to become the "single, interoperable [font]format" supported by all browsers.© Viget Labs,...
LIVING UP TO  THE HYPE    
SOURCE   http://www.buzzfeed.com/animals/cats-as-fonts
SOURCES   http://fontgame.ilovetypography.com/          http://type.method.ac/          http://shape.method.ac/          h...
SOURCE   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.com
SOURCE   http://goodcorps.com/
SOURCE   http://fffo.grahambird.co.uk/
SOURCE   https://typekit.com/plans
SOURCE   http://www.extensis.com/en/WebINK/pricing/
SOURCE   http://www.extensis.com/en/webfontplugin/
SOURCE   http://www.fontspring.com/fontface
SOURCE   http://www.google.com/webfonts
SOURCE   http://hellohappy.org/beautiful-web-type/
SOURCE   http://www.google.com/webfonts#ChoosePlace:select
SOURCE   http://about.me/tomosborne
SOURCE   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/
SOME GRIPES   
COSTS          Subscription fees          Annual fees          Bandwidth allowances and restrictions© Viget Labs, LLC
CONSISTENCY          Flash of unstyled text (FOUT)          Rendering in IE 7 & 8          Mobile unpredictability© Viget ...
LICENSING          Client/agency usage          Transferable licensing          Building font libraries© Viget Labs, LLC
STILL WAITING          House Industries          Hoefler & Frere-Jones          Berthold© Viget Labs, LLC
Thanks!Resources                                   Let’s Connect: www.viget.com                        : tom.osb...
Upcoming SlideShare
Loading in …5
×

Web Type: Hype & Gripes

3,174 views

Published on

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

Published in: Design, Technology, Business
  • Be the first to comment

Web Type: Hype & Gripes

  1. WEB TYPE: HYPE & GRIPESby Tom Osborne for AIGA DC’s Non-book Book Club at BET Networks on February , © Viget Labs, LLC
  2. HI! I’MTOM OSBORNEI work as a Design Director at Viget. @_troz spkr8.com/troz© Viget Labs, LLC
  3. WHAT WE’LL COVERI. A walk down memory laneII. Living up to the hypeIII. 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 opensource JavaScript and Adobe Flash dynamic webfonts implementation, enabling the replacement oftext elements on HTML web pages with Flashequivalents.© Viget Labs, LLC
  11. Fast text replacement with canvas and VML - noFlash 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

×