+ All Categories
Transcript
Page 1: Web Typography: A (Brief) Review

Web Typography:A (brief) review

© Copyright 2009, Dan Rubin. These slides may not be used without permission.

Dan RubinSidebar Creative

Page 2: Web Typography: A (Brief) Review

Typography is what language looks like.Ellen Lupton

Page 3: Web Typography: A (Brief) Review

what isweb type?

Page 4: Web Typography: A (Brief) Review
Page 5: Web Typography: A (Brief) Review
Page 6: Web Typography: A (Brief) Review
Page 7: Web Typography: A (Brief) Review
Page 8: Web Typography: A (Brief) Review
Page 9: Web Typography: A (Brief) Review
Page 10: Web Typography: A (Brief) Review

beyond thedefault fonts

Page 11: Web Typography: A (Brief) Review

image replacement

Page 12: Web Typography: A (Brief) Review
Page 13: Web Typography: A (Brief) Review

Cufón

Page 14: Web Typography: A (Brief) Review

Text

Page 15: Web Typography: A (Brief) Review

sIFR

Page 16: Web Typography: A (Brief) Review

Text

Page 17: Web Typography: A (Brief) Review

@font-face

Page 18: Web Typography: A (Brief) Review

Text

Page 19: Web Typography: A (Brief) Review

Typekit

Page 20: Web Typography: A (Brief) Review

Text

Page 21: Web Typography: A (Brief) Review

Text

Page 22: Web Typography: A (Brief) Review
Page 23: Web Typography: A (Brief) Review

Text

Page 24: Web Typography: A (Brief) Review

rendering issues

Page 25: Web Typography: A (Brief) Review

Text

Page 26: Web Typography: A (Brief) Review

reference

Page 27: Web Typography: A (Brief) Review

booksThe Elements of Typographic StyleRobert Bringhurst

Stop Stealing Sheep & Find Out How Type WorksErik Spiekermann & E.M. Ginger

The Non-Designer’s Type BookRobin Williams

Designing with Type: The Essential Guide to TypographyJames Craig

Thinking With Type: A Critical GuideEllen Lupton

Web Standards CreativityMultiple Authors

Page 28: Web Typography: A (Brief) Review

linksThe Elements of Typographic Style Applied to the Webhttp://webtypography.net/

Setting Type on the Web to a Baseline Gridhttp://www.alistapart.com/articles/settingtypeontheweb

5 Simple Steps to Better Typographyhttp://markboulton.co.uk/articles/detail/five_simple_ »steps_to_better_typography/

CSS with Vertical Rhythmhttp://drewish.com/tools/vertical-rhythm

Compose to a Vertical Rhythmhttp://24ways.org/2006/compose-to-a-vertical-rhythm

CSS @ Tenhttp://www.alistapart.com/articles/cssatten

Page 29: Web Typography: A (Brief) Review

linksRevised Image Replacementhttp://www.mezzoblue.com/tests/revised-image-replacement/

sIFR (scaleable Inman Flash Replacement)http://novemberborn.net/sifr

Cufónhttp://wiki.github.com/sorccu/cufon/

Typekithttp://typekit.com/

The League of Moveable Typehttp://www.theleagueofmoveabletype.com/

Font Squirrelhttp://fontsquirrel.com/

Page 30: Web Typography: A (Brief) Review

linksWeb Fonts Test Suitehttp://jontangerine.com/silo/typography/web-fonts/

Converting OTF or TTF to EOThttp://snook.ca/archives/html_and_css/screencast-converting-ttf2eot

Become a Font Embedding Masterhttp://snook.ca/archives/html_and_css/becoming-a-font-embedding-master

Type Does Not Look Exactly The Same in Every Browserhttp://forabeautifulweb.com/blog/about/ » type_does_not_look_exactly_the_same_in_every_browser/

Nice Web Typehttp://nicewebtype.com/

I Love Typographyhttp://ilovetypography.com/

Page 31: Web Typography: A (Brief) Review

fin.twitter: @danrubinslideshare.net/danrubin


Top Related