Information Technology Systems & Services
Typography
(Skip Page Index) Page Index:
Font Sizing
- 3.4: Use relative rather than absolute units - Web Content Accessibility Guidelines 1.0
- A Dao of Web Design - John Allsopp
- About Points and Pixels as Units - Henri Sivonen
- Accessible web text - sizing up the issues - Jim Byrne
- Adjustable Font Size - Jukka 'Yucca' Korpela
- Effective Style with em - Jonathan Christopher
- An Explanation of Ems - Richard Rutter
- Beyond the FONT tag: Practical HTML text styling - Todd Fahrner
- Big Baer Explains CSS Font-Size - bigbaer.com
- Big, Stark and Chunky - Joe Clark
- Browser Defaults Are Not Too Big - Felix Miata
- Can I Force Text to Stay a Certain Size? - css-discuss wiki
- Care With Font Size - Olivier Thereaux and Susan Lesch
- Color Contrast (Font Sizing) - WebAIM Thread
- Consistent and Readable Type Across Platforms - Wes Reimer
- CSS2: Font Size Adjustment - Chuck Musciano
- Em Vs Percent Widths - css-discuss Wiki
- Font Sizing: em, pixel, point, percent and keywords - Stephanie Sullivan
- Font Size: No Happy Medium - Dave Shea
- Font-Size - The Right Way.. - Gunlaug Srtun
- Give the User Control Over Your Fonts - Adrian Roselli (aardvark)
- How to Find Out the Text Size Setting in IE - Robert Nyman
- How to Size Text in CSS - Richard Rutter
- How to Size Text Using Ems - Richard Rutter
- IE 7 Does Not Resize Text Sized in Pixels - Roger Johansson
- IE 8 Still Does Not Resize Text Sized in Pixels - Roger Johansson
- Let Users Control Font Size - Jakob Nielsen
- Maximize Text Readability - Skills For Access
- Measuring em Widths - Cameron Adams
- On Scalable Text - Shawn Lawton Henry
- On Using Ems - css-discuss Wiki
- On Using Pixels - css-discuss Wiki
- On Using Points - css-discuss Wiki
- One More Time: NoText-Resize 'Widgits' - Joe Clark
- Real Practice Font Sizing - Eric A. Meyer
- Relative font sizes and inheritance - Russ Weakley
- Relative sizing
- Should We Continue To Use Relative Units Vs. Relying On Page Zooming? - Robert Nyman
- Simple Relative Font Size Equation - SixThings
- SIZE MATTERS: Making CSS font size keywords work - Todd Fahrner
- Squashing a Persistent Myth - Joe Clark
- Teach a Man to Fish (or How to Resize Text) - Ian Lloyd
- Text Sizing - Owen Briggs
- Text-Resize Detection - Lawrence Carvalho and Christian Heilmann
- Text Sizes and Screen Resolution - Mel Pedley
- The 100 Percent Easy-2-Read Standard - Oliver Reichenstein
- The Amazing Em Unit - Todd Fahrner
- The em-quad (square)
- The (In)accessible Web: aka Discriminating Against Individuality & Handicap - Felix Miata
- The Fallacy of Page Zooming - Drew McLellan
- The Font of Foulness, Part I: Size Matters - Webreference
- The Mad, Mad World of Pixels Per Inch (PPI) - Andrew Starling
- The Many Uses of the Malleable em - Zoe Gillenwater
- The Positive Side Effect of Big Text: Less Text - Justin Reese
- The Problem With Pixels - Wilson Miner
- The Wrong Size Fonts: Or why not to over-ride the reader's font size - Stephen Poley
- Toward a standard font size interval system - Todd Fahrner
- Typography by Joe Gillespie
- Tyranny of Tiny Type: Online Design for Adults Over 50 - American Association of Retired Persons
- Use relative font sizes - the University of Massachusetts Boston
- Using Font Size - css-discuss Wiki
- Using Relative Font Sizes - Mark Pilgrim
- Using Relative Font Sizes - Paul Watson
- WCAG 2 Response on Relative Units - Alastair Campbell
- Web Browser Vendors are Also Responsible for Accessibility - Robert Nyman
- Web Pages aren't Printed on Paper Or how I gave up trying to "control" web pages and discovered adaptability - John Allsopp
- What's the point of using pixels? - David Andersson
- Who
Shot the Serif? Typography Terms - John Boardley
- Welcome to Part II of Type Terminology - John Boardley
- Decline and Fall of the Ligature - John Boardley
- Why Bigger is Better - Garrett Dimon
- Why Big is In - Garrett Dimon
- Why Browser Zoom Shouldn't Kill Flexible Layouts - Zoe Mickley Gillenwater
- Why Points Suck - Todd Fahrner
- Zoom - Dave Shea
-
Zoom the Web: The
problem of giant fonts - Joe Clark
- 'At Media 2005': Zoom the Web by Joe Clark - report on Joe's presentation by Mike Davies
- Zoom for Low Vision - Gez Lemon
- Zoom Layout - Doug Bowman
Articles & Related Links
- @font-face
- CSS at Ten: The Next Big Thing - Hakon Wium Lie
- Downloadable Fonts - Safari now supports CSS @font-face rules - Dave Hyatt
- @font-face in IE: Making Web Fonts Work - Jon Tan
- Fonts in Your Face - Jon Hicks
- The Resurrection of Downloadable Web Fonts - Roger Johansson
- Type In the Right Direction? - Dan Cederholm.
- 10 Examples of Beautiful CSS Typography and How They Did It - Ross Johnson
- 15 Best License-Free Pixel Fonts - Vitaly Friedman
- 25 Best License-Free Quality Fonts - Vitaly Friedman
- A Comparison of Two Computer Fonts: Serif versus Ornate Sans-Serif - S. Morrison & J. Noyes
- A Comparison of Popular Online Fonts: Which is Best and When? - 2001 study by Michael Bernard, Melissa Mills, Michelle Peterson, & Kelsey Storrer, Psychology Department at Wichita State University
- A Comparison of Popular Online Fonts: Which Size and Type is Best? - 2002 study by Michael Bernard, Bonnie Lida, Shannon Riley, Telia Hackler, and Karen Janzen
- A Guide to Web Typography - John Boardley
- Accessible Web Typography - An Introduction For Web Designers - Jim Byrne
- Add Extra Lead Before and After Block Quotations - Richard Rutter
- Add Windows Vista Fonts to Your Stylesheets - Christian Montoya
- Admiration for Typography on the Web - Jonathan Christopher.
- Advanced Web Typography - Josh Pyles
- Apple Fonts - Wikipedia
- At Hyphenated Line-Ends, Leave at Least Two Characters Behind and Take at Least Three Forward - Richard Rutter
-
Arial or Helvetica? (A
Quiz) - Derren Wilson.
- How to Spot Arial - Mark Simonson
- Arial Versus Helvetica - John Boardley
- Behind The Typeface: Cooper Black - Cheshire Dave. A humorous biography of a font, its creator and its competitors. You'll need the Flash player for this, version 5 or later which can be downloaded from Adobe
-
Best
Fonts for the Web By Kathy Marks
- More About Web Fonts: Basics and a Few Surprises - Kathy Marks
- The Font Controversy: Ems, Percentages, Pixels and Points - Kathy Marks
- Better Font Management - Joel Sacks
- Better CSS Font Stacks - Nathan Ford
- Better Font Families in CSS - Lorraine Nepomuceno
- Calibri - Ruthsarian
- Case - Patrick J. Lynch and Sarah Horton
- Centering Text on the Longest Line - Richard Rutter
- Character entity references in HTML 4.0 - Jukka 'Yucca' Korpela
- Channel Verdana - online source for information about the Verdana Typeface
- Choose a Basic Leading that Suits the Typeface, Text and Measure - Richard Rutter
- Choose a Comfortable Measure - Richard Rutter
- Clarendon is the new Helvetica - Jeffery Zeldman
- Code Style font sampler Code Style
- Content and Presentation - Mark Boulton
- Compose to a Vertical Rhythm - Richard Rutter
- Convert Graphic Text to Styled Text - Andrew B. King
- CSS Gradient Text Effect - Nick La
- CSS Typography - Garrett Dimon
- Define the Word Space to Suit the Size and Natural Letterfit of the Font - Richard Rutter
- Don't Alter the Widths or Shapes or Letters Without Cause - Richard Rutter
- Don't Be Afraid of Serif Fonts - David Rodriguez
- Don't Letterspace the Lower Case Without a Reason - Richard Rutter
- Effective text - Ben Hunt
- Everything I Know About Programming I Learnt from Typography - Matt Patterson
- Evolution of Type - mediumbold
- Examining the Legibility of the Number One and the Division Symbol - D. Fox, B. Chaparro, and E. Merkle
- Examining the Legibility of Two New ClearType Fonts - Barbara S. Chaparro, A. Dawn Shaikh, and Alex Chaparro
- Examples of Typographic Style on Commercial Web Sites - Christian Watson
- eXtreme Type Terminology - Paul Dean
- eXtreme Type Terminology - Part 4: Numerals and Punctuation - Paul Dean
- Fine Typography for the Web - Dave Shea
-
Five Simple Steps to Better Typography - Mark Boulton
- Five Simple Steps to Typesetting on the web: Introduction - Mark Boulton
- Five Simple Steps to Typesetting on the Web - Dashes - Mark Boulton
- Five Simple Steps to Typesetting on the Web: Printing the Web - Mark Boulton
- Font Comparisons
- Font Embedding Now - Dave Shea
- Font Smoothing, Anti-Aliasing, and Sub-Pixel Rendering - Joel Spolsky
- FONT Tag Considered Harmful! - W3C
- Font-weight is Still Broken in All But One Browser - Richard Rutter
- Fontscape
- For and Against Standardizing Font Embedding - Bert Bos
- Fun With Fonts - Simon Jessey
- Fun With Fonts 2 - Simon Jessey
- Georgia & Verdana: Typefaces designed for the screen (finally) - Daniel Will-Harris
- Great Fonts for Web 2.0 - Stuart Brown
- Helvetica and Alternatives to Helvetica - FontShop
- 'helvetica, arial', Not 'arial, helvetica' - Jens Meiert
- How Not to Advance the Discussion of Web Fonts - Joe Clark
- HTML E-Mail: Text Font Readability Study - Ralph F. Wilson
- Increase Your Font Stacks With Font Matrix - Richard Rutter
- Incremental Leading - Mark Boulton
- Identify That Font - Johno
- Improving Accessibility Through Typography - Joe Dolson
- Improve Your Web Typography With Baseline Shift - Andy Clarke.
- Improve Your Typography with 'Typographic Contrast' - Ross Johnson
- In Continuous Text Mark All Paragraphs After the First with an Indent of at Least One en - Richard Rutter
- Indent or Center Verse Quotations - Richard Rutter
- Introducing Typekit - Jeffrey Veen
- Is Multiple-Column Online Text Better? It Depends! - J.R. Baker
- Kern Consistently and Modestly Or Not All - Richard Rutter
- Knockout Type - Thin Is Always In - Shaun Inman
- Line Length
- Linux Font Equivalents to Popular Web Typefaces - Jonathan Christopher
- Looking at Type - Mark Boulton
- Manipulating Space with CSS - Christopher Schmitt
- Marginalia of Web Design - Jakob Nielsen
- Microsoft's Forgotten Monopoly - Hakon Wium Lie
- Moving CSS Typography Forward - Richard Rutter
- On Choosing Type - John Boardley
- On Fonts for the Web - Richard Rutter
- Pixel Fonts, Legibility and Screen Economy - Craig Kroeger
- Perception of Fonts: Perceived Personality Traits and Uses - A. Dawn Shaikh, Barbara S. Chaparro, and Doug Fox
- Perceived Personality and Uses of Fonts: We Need Your Input! - A.D. Shaikh, J. Slocum, and Z. Zaccagni
- Problems with Font Rendering on Macs - Richard Rutter
- Putting Style Sheets in Perspective: font family - Linda Cole
- Quick and Easy Ways To Spice Up Your Web Site's Font Styling - Neal Grosskopf
- Reading Design - Dean Allen
- Readability - Ben Hunt
- Real Type on the Web? - Jeffery Zeldman
- Safari Better than Firefox? - Jeffrey Zeldman
- Screenfont.ca - Joe Clark, Antonio Cavedoni, Kris Thivessen and Anne van Kesteren
- Setting Type on the Web - Daniel Will-Harris
- Serif Fonts Vs. Sans Serif Fonts: A Working Case Study - Alyssa Gregory
- Setting Type on the Web to a Baseline Grid - Wilson Miner
- Set Opening Paragraphs Flush Left - Richard Rutter
- Simple CSS: Creating More Readable Text - David Rodriguez
- Smoothing Out the Creases in Web Fonts - Jon Tan
- Specifying Fonts in Web pages
- SVG
and Typography - Fabio Arciniegas A
- SVG and Typography: Characters - Fabio Arciniegas A
- Text Instead of Images - W3C
- Text Prefs - message.uk.com.
- Text/Typographical Layout - Paul Bohman
- The 100 Percent Easy-2-Read Standard - Oliver Reichenstein
- The Best Faces for the Screen - Daniel Will-Harris
- The Paragraph in Web Typography and Design - Jon Tan.
- The Showcase Of BIG Typography - Second Edition - Vitaly Friedman and Sven Lennartz
- The Effect of Color and Typeface on the Readability of On-Line Text - Marelys L. Garcia and Cesar I. Caldera
- The Effect of Typeface on the Perception of Email - A.D. Shaikh, D. Fox, and B. Chaparro
- The Elements of Typographic Style Applied to the Web - Richard Rutter
- The Future of Web Font Embedding - Richard Rutter
- The New Typography - Richard Rutter
-
The Next Big Thing in Online Type - Anne Van Wagener
- Debunking myths about ClearType fonts - Joe Clark
- The Non-Typographer's Guide to practical Typeface Selection - Cameron Moll
- The Scouge of Arial - Mark Simonson
- The Science of Word Recognition or how I learned to stop worrying and love the bouma - Kevin Larson
- The Technology of Text - Kevin Larson
- The Trouble with EM 'n EN - Peter K. Sheerin.
- They're Not Fonts! - Allan Haley
- Thinking with Type
- Thinking with Type By Ellen Lupton
- Time to Change Your Fonts - Rachel McAlpine
- Top Ten Tips for Web Typography - Richard Rutter
- Typechart - Browse Web Type, Grab CSS - typechart.com
- Type and colour - Joe Clark
- Type: the Extra Mile - Dave Shea
- Type on the Web - Todd Dominey, Jeffrey Zeldman, Gabe Kean, Jim Coudal, and Craig Kroeger
- Typefaces - Patrick J. Lynch and Sarah Horton
- Typographic Contrast and Flow - Nick La
- Type-O-Graphy: making words stand out, every time - Stephen Van Doren
- Typography and Accessibility - Craig Nugent
- Typography and the Aging Eye: Typeface Legibility for Older Viewers with Vision Problems - Paul Nini
- Typography and Renaissance-Era Eroticism - Brooke Marshall
- Typography Books
- Typography Matters - Erin Kissane
- Typography School (Video) - David Dabner
- Typography: Where Engineers and Designers Meet - Jeff Atwood
- Typesetting Tables - Mark Boulton
- Ubiquitous Web Font Embedding Just Got a Step Closer - John Allsopp
- Usable Type - Andy Hume
- Understanding web typography - an introduction - Jim Byrne
- Using Background-Image to Replace Text: Guiltless Image Use - Douglas Bowman
- Using Colour And Type Effectively - Kevin Leitch
- Using Kerning for Better Headlines - Kim Dudley
- Web Design is 95 Percent Typography - Oliver Reichenstein
- Web Fonts - Tal Leming
- Web Fonts Now (How we're doing with that) - Jeffery Zeldman
- Web Page Design for Designers - Anti-Aliasing & Type
- Web Page Design for Designers - Typaahgrrphy
- Web Readability Research - The University of Texas
- Web Typography Panel at SxSW - Richard Rutter
-
Web Typography Sucks - Richard
Rutter
- True Prime - Joe Clark
- Web Typography: Tell Me What You Want - Jason Cranford-Teague
- Whatever Happened to font-stretch? - Richard Rutter
- What's Wrong With the FONT Element? - Warren Steel
- What's Wrong With FONT FACE - microsoft
- Why Typekit Will Change Everything - Andy Clarke
- Whatever Happened to font-stretch? - Richard Rutter
- Which Are More Legible: Serif or Sans Serif Typefaces? - Alex Poole
- Wrangling Widgets - Mel Pedley
Join the webdev
listserv and receive web site updates.