Web Typography: A (Brief) Review
Upcoming SlideShare
Loading in...5

Web Typography: A (Brief) Review



A very brief look at where certain aspects of typography on the web are today — specifically, methods for replacing OS defaults with other typefaces. ...

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.



Total Views
Views on SlideShare
Embed Views



14 Embeds 759

http://www.designmantic.com 613
http://paolovalzania.wordpress.com 85
http://www.slideshare.net 26
http://digg.com 8
http://plus.url.google.com 5
http://paolovalzania.blogspot.com 5
http://paolovalzania.blogspot.it 4
http://feedly.com 3
http://www.transloopa.com 3
http://translate.googleusercontent.com 3
url_unknown 1
http://paolovalzania.posterous.com 1
http://www.mefeedia.com 1
https://translate.googleusercontent.com 1



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Web Typography: A (Brief) Review Web Typography: A (Brief) Review Presentation Transcript

  • Web Typography: A (brief) review Dan Rubin Sidebar Creative © Copyright 2009, Dan Rubin. These slides may not be used without permission.
  • Typography is what language looks like. Ellen Lupton
  • what is web type?
  • beyond the default fonts
  • image replacement
  • Cufón
  • Text
  • sIFR
  • Text
  • @font-face
  • Text
  • Typekit
  • Text
  • Text
  • Text
  • rendering issues
  • Text
  • reference
  • books The Elements of Typographic Style Robert Bringhurst Stop Stealing Sheep & Find Out How Type Works Erik Spiekermann & E.M. Ginger The Non-Designer’s Type Book Robin Williams Designing with Type: The Essential Guide to Typography James Craig Thinking With Type: A Critical Guide Ellen Lupton Web Standards Creativity Multiple Authors
  • links The Elements of Typographic Style Applied to the Web http://webtypography.net/ Setting Type on the Web to a Baseline Grid http://www.alistapart.com/articles/settingtypeontheweb 5 Simple Steps to Better Typography http://markboulton.co.uk/articles/detail/five_simple_ » steps_to_better_typography/ CSS with Vertical Rhythm http://drewish.com/tools/vertical-rhythm Compose to a Vertical Rhythm http://24ways.org/2006/compose-to-a-vertical-rhythm CSS @ Ten http://www.alistapart.com/articles/cssatten
  • links Revised Image Replacement http://www.mezzoblue.com/tests/revised-image-replacement/ sIFR (scaleable Inman Flash Replacement) http://novemberborn.net/sifr Cufón http://wiki.github.com/sorccu/cufon/ Typekit http://typekit.com/ The League of Moveable Type http://www.theleagueofmoveabletype.com/ Font Squirrel http://fontsquirrel.com/
  • links Web Fonts Test Suite http://jontangerine.com/silo/typography/web-fonts/ Converting OTF or TTF to EOT http://snook.ca/archives/html_and_css/screencast-converting-ttf2eot Become a Font Embedding Master http://snook.ca/archives/html_and_css/becoming-a-font-embedding-master Type Does Not Look Exactly The Same in Every Browser http://forabeautifulweb.com/blog/about/ » type_does_not_look_exactly_the_same_in_every_browser/ Nice Web Type http://nicewebtype.com/ I Love Typography http://ilovetypography.com/
  • fin. twitter: @danrubin slideshare.net/danrubin