Web Typography: A (Brief) Review

Post on 28-Jan-2015

108 views 0 download

Tags:

description

A very brief look at where certain aspects of typography on the web are today — specifically, methods for replacing OS defaults with other typefaces. The slides are guides used for a quick (15-20 minute) talk at Refresh Lauderdale, rather than informational, with the exception of the references section at the end, which includes many great resources for typography in general, as well as for setting type on the web in all forms.

transcript

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