web type: hype & gripes
TRANSCRIPT
![Page 1: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/1.jpg)
WEB TYPE: HYPE & GRIPESby Tom Osborne for AIGA DC’s Non-book Book Club at BET Networks on February ,
© Viget Labs, LLC
NAMEPLACEDATE
![Page 2: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/2.jpg)
© Viget Labs, LLC
spkr8.com/troz
HI! I’M
I work as a Design Director at Viget.TOM OSBORNE
@_troz
![Page 3: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/3.jpg)
© Viget Labs, LLC
I. A walk down memory lane
II. Living up to the hype
III. Some gripes
WHAT WE’LL COVER
![Page 4: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/4.jpg)
MEMORY LANE
![Page 5: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/5.jpg)
Arial, Verdana, Times New Roman, Courier, Trebuchet, Georgia, Lucida Grande
© Viget Labs, LLC
![Page 6: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/6.jpg)
Helvetica, Arial, sans-serif
© Viget Labs, LLC
![Page 7: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/7.jpg)
<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
![Page 8: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/8.jpg)
Gotham, ‘Helvetica Neue’, Helvetica, Arial, sans-serif
© Viget Labs, LLC
![Page 10: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/10.jpg)
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
![Page 11: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/11.jpg)
Fast text replacement with canvas and VML - no Flash or images required.
© Viget Labs, LLC
![Page 12: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/12.jpg)
@-
@font-face {font-family: DeliciousRoman;src: url(/Delicious-Roman.otf);}
h1 {font-family: DeliciousRoman, Helvetica, Arial, sans-serif;}
© Viget Labs, LLC
![Page 13: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/13.jpg)
Soon to become the "single, interoperable [font] format" supported by all browsers.
© Viget Labs, LLC
![Page 14: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/14.jpg)
LIVING UP TO THE HYPE
![Page 15: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/15.jpg)
http://www.buzzfeed.com/animals/cats-as-fontsSOURCE
![Page 16: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/16.jpg)
http://fontgame.ilovetypography.com/SOURCES
http://type.method.ac/
http://shape.method.ac/
http://cheeseorfont.com/
![Page 18: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/18.jpg)
http://www.strangenative.com/foldup/SOURCE
![Page 21: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/21.jpg)
http://www.kitchensinkstudios.com/SOURCE
![Page 24: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/24.jpg)
http://www.manufacturedessai.it/it/SOURCE
![Page 29: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/29.jpg)
http://www.extensis.com/en/WebINK/pricing/SOURCE
![Page 30: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/30.jpg)
http://www.extensis.com/en/webfontplugin/SOURCE
![Page 31: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/31.jpg)
http://www.fontspring.com/fontfaceSOURCE
![Page 33: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/33.jpg)
http://hellohappy.org/beautiful-web-type/SOURCE
![Page 34: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/34.jpg)
http://www.google.com/webfonts#ChoosePlace:selectSOURCE
![Page 36: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/36.jpg)
http://www.theleagueofmoveabletype.com/SOURCE
![Page 38: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/38.jpg)
http://trentwalton.com/2011/11/18/workspace/SOURCE
![Page 39: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/39.jpg)
http://lostworldsfairs.com/eldorado/SOURCE
![Page 40: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/40.jpg)
http://lostworldsfairs.com/atlantis/SOURCE
![Page 41: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/41.jpg)
http://lostworldsfairs.com/moon/SOURCE
![Page 42: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/42.jpg)
http://webtypographyforthelonely.com/SOURCE
![Page 43: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/43.jpg)
SOME GRIPES
![Page 44: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/44.jpg)
© Viget Labs, LLC
➡ Subscription fees
➡ Annual fees
➡ Bandwidth allowances and restrictions
COSTS
![Page 45: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/45.jpg)
© Viget Labs, LLC
➡ Flash of unstyled text (FOUT)
➡ Rendering in IE 7 & 8
➡ Mobile unpredictability
CONSISTENCY
![Page 46: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/46.jpg)
© Viget Labs, LLC
➡ Client/agency usage
➡ Transferable licensing
➡ Building font libraries
LICENSING
![Page 47: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/47.jpg)
© Viget Labs, LLC
➡ House Industries
➡ Hoefler & Frere-Jones
➡ Berthold
STILL WAITING
![Page 48: Web Type: Hype & Gripes](https://reader034.vdocuments.site/reader034/viewer/2022042716/55a9b9c21a28abc5488b4739/html5/thumbnails/48.jpg)
© Viget Labs, LLC • http://www.viget.com
: www.viget.com : viget.com/inspire : viget.com/careers
: [email protected]: @_troz: spkr8.com/t/9315
Thanks!Let’s ConnectResources