Turtle Project

Typography

Font Sizing.

• 3.4: Use relative rather than absolute units - W3C.
  • Example for Checkpoint 3.4.
  • Techniques for checkpoint 3.4.
• A Dao of Web Design - John Allsopp.
• About Points and Pixels as Units.
• Accessible web text - sizing up the issues - Jim Byrne.
• Beyond the FONT tag: Practical HTML text styling - Todd Fahrner.
• Care With Font Size - Olivier Thereaux and Susan Lesch.
• Checkpoint 3.4: Use relative rather than absolute units - Web Content Accessibility Guidelines 1.0.
  • Techniques for checkpoint 3.4.
• Consistent and Readable Type Across Platforms - Wes Reimer.
• Default Web Browser Text Size - Felix Miata.
• Font Size: No Happy Medium - Dave Shea.
• Give the User Control Over Your Fonts - Adrian Roselli (aardvark).
• Hold on there Jake... - Timothy Luoma.
• Let Users Control Font Size - Jakob Nielsen.
  • http://www.zdnet.com/devhead/alertbox/9610.html - Jakob Nielsen.
  • http://www.zdnet.com/devhead/alertbox/9707a.html - Jakob Nielsen.
• On Scalable Text - Shawn Lawton Henry.
• On Using Points - css-discuss Wiki.
• On Using Pixels - css-discuss Wiki.
• Pet Peeve: Small Body Fonts are User-Hostile - Kynn Bartlett.
• Real Practice Font Sizing - Eric A. Meyer.
• Relative font sizes and inheritance - Russ Weakley.
• Relative sizing.
• SIZE MATTERS: Making CSS font size keywords work - Todd Fahrner.
• Small is not beautiful on the web - Chad Lundgren.
• So, What Size and Type of Font Should I Use on My Website? - M. Bernard and M. Mills.
• The Amazing Em Unit - Todd Fahrner.
• Text Sizing - Owen Briggs.
• The em-quad (square).
• The Font of Foulness, Part I: Size Matters - Webreference.
• The Mad, Mad World of Pixels Per Inch (PPI) - Andrew Starling.
• Tyranny of Tiny Type: Online Design for Adults Over 50 - American Association of Retired Persons.
• The Wrong Size Fonts: Or why not to over-ride the reader's font size - Stephen Poley.
• Text Size - Steve Mulder.
• Text Size Control with CSS - Steve Mulder.
• Toward a standard font size interval system - Todd Fahrner.
• Typography by Joe Gillespie.
• Understanding Cross-Platform Text Size Differences - Bob Baumel.
• Use relative font sizes - the University of Massachusetts Boston.
• Use relative sizing and positioning (% values) rather than absolute (pixels).
• Using Relative Font Sizes - Mark Pilgrim.
• Using Relative Font Sizes - Paul Watson.
• Web Pages aren't Printed on Paper Or how I gave up trying to "control" web pages and discovered adaptability - John Allsopp.
• Why Points Suck - Todd Fahrner.

Back to top .

Articles & Related Links.

• 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, & Karen Janzen.
• 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 macromedia.
• Building Characters: A Brief History of the Web War - Geoff Duncan. History and technical reasons behind the type size on Macs especially that can be too small to read.
• Case - Patrick J. Lynch and Sarah Horton.
• Character entity references in HTML 4.0 - Jukka Korpela.
• Channel Verdana - online source for information about the Verdana Typeface.
• CounterSpace.
• Determining the Best Online Font for Older Adults - M. Bernard, C. Liao, & M. Mills.
• Evolution of Type - mediumbold.
• Font Comparisons.
• <FONT FACE> considered harmful.
• FONT tag considered harmful! - W3C .
• <font> vs. CSS: Why You Should Switch to Cascading Style Sheets - Jennifer Kyrnin.
• Fonts: Web-Friendly and Free - Timothy Luoma.
• Fontscape.
• Fun With Fonts - Simon Jessey.
• Fun With Fonts 2 - Simon Jessey.
• Georgia & Verdana: Typefaces designed for the screen (finally)- By Daniel Will-Harris.
• HTML E-Mail: Text Font Readability Study - Dr. Ralph F. Wilson.
• Improving Appearance of Arial Font on the Macintosh (Solutions for both Mac Users and Web Developers) - Bob Baumel.
• It Takes All Types - Peter Fielding.
• It's About Legibility - Allan Haley.
• It's time to reclaim Times New Roman on the Web - Dave Shea.
• Making Text Legible: Designing for People with Partial Sight - Aries Arditi.
• Marginalia of Web Design - Jakob Nielsen.
• Microsoft Typography.
• On Snots and Fonts - Luc Devroye.
• Pixel Fonts, Legibility and Screen Economy - Craig Kroeger.
• Reading Design - Dean Allen.
• Readability of Fonts in the Windows Environment - Thomas S. Tullis, Jennifer L. Boynton, & Harry Hersh.
• Setting Type on the Web - Daniel Will-Harris.
• Specifying fonts in Web pages.
• Terrific type tips - Raymond Pirou.
• TextArc, visualizing text - Juan C. Dursteler.
• Text instead of images - W3C.
• The Best Faces for the Screen - Daniel Will-Harris.
• The Destination Matters More Than the Journey - Dean Allen.
• The Scouge of Arial - Mark Simonson.
• The Trouble with EM 'n EN - Peter K. Sheerin. Dashes, spaces, curly quotes, and other vagaries of online typography.
• Type and colour - Joe Clark.
• Typefaces - Patrick J. Lynch and Sarah Horton.
• Type-O-Graphy: making words stand out, every time - Stephen Van Doren.
• Typography Glossary.
• Typographer.com - This website provides an updated news feed, series of articles, interviews and tutorials covering the type industry.
• Typography I - Patrick J. Lynch and Sarah Horton.
• Typography II - Patrick J. Lynch and Sarah Horton.
• Typography Books.
• Typography Matters - Erin Kissane.
• Typography on the Web - Microsoft.
• Understanding web typography - an introduction - Jim Byrne.
• Unicode and Multilingual Support in HTML, Fonts, Web Browsers and Other Applications - Alan Wood.
• Using Background-Image to Replace Text: Guiltless Image Use - Douglas Bowman.
• Web Page Design for Designers - Anti-Aliasing & Type.
• Web Page Design for Designers - Typaahgrrphy.
• Web readability Research - The University of Texas.
• What's wrong with the FONT element? - Warren Steel.
• What's wrong with FONT FACE - microsoft.
• Why Do Some Beautiful Fonts in Print Look Horrible on the Web? - Shirley Kaiser.
• Why Type on the Web is So Bad - Eric Eaton.
• Web typography: the rookie mistakes - Rob Norton.
• Web Typography Tutorial - Nadav Savio.
• Working with Fonts - AppleDev.