Web Typography:A (brief) review

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

Dan RubinSidebar Creative

Typography is what language looks like.Ellen Lupton

what isweb type?

beyond thedefault fonts

image replacement

Cufón

Text

sIFR

Text

@font-face

Text

Typekit

Text

Text

Text

rendering issues

Text

reference

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

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

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/

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/

fin.twitter: @danrubinslideshare.net/danrubin