Typography Reference Links

University of Minnesota Duluth ::

Typography

Font Sizing

• 3.4: Use relative rather than absolute units- Web Content Accessibility Guidelines 1.0
  • Example for Checkpoint 3.4
  • Techniques for checkpoint 3.4
• A Dao of Web Design – John Allsopp
• About Points and Pixels as Units – Henri Sivonen
• Adjustable Font Size – Jukka ‘Yucca’ Korpela
• Effective Style with em – Jonathan Christopher
• An Explanation of Ems – Richard Rutter
• Beware of -webkit-text-size-adjust:none – Roger Johansson
• Beyond the FONT tag: Practical HTML text styling – Todd Fahrner
• Big, Stark and Chunky – Joe Clark
• Can I Force Text to Stay a Certain Size? – css-discuss wiki
• Care With Font Size – Olivier Thereaux and Susan Lesch
• Consistent and Readable Type Across Platforms – Wes Reimer
• Controlling Text Size in Safari for iOS Without Disabling User Zoom – Roger Johansson
• CSS Font-Sizing: a Definitive Guide – Craig Buckler
• Does it Still Make Sense to Use em Rather Than px? – David B. Calhoun
• Em Vs Percent Widths – css-discuss Wiki
• Font Sizing: em, pixel, point, percent and keywords – Stephanie Sullivan
• Font Size Matters – Glenda Sims
• Font Metrics and Vertical Space in CSS – Tim Brown
• Font Size: No Happy Medium – Dave Shea
• Font-Size – The Right Way.. – Gunlaug Srtun
• Font Resizing Widgets: A Help or A Hindrance to Accessibility? – Glenda Watson Hyatt
• Font Sizing With Rem – Jonathan Snook
• Give the User Control Over Your Fonts – Adrian Roselli (aardvark)
• 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
  • IE 9 Does Not Resize Text Sized in Pixels – Roger Johansson
• Insights on Text Resizing – WebAIM Thread
• Let Users Control Font Size – Jakob Nielsen
• Measuring em Widths – Cameron Adams
• No to Text Resize Widgets – Dennis Lembree
• Older Web Users and Text Size – Roger Hudson
• On Scalable Text – Shawn Lawton Henry
• On Using Ems – css-discuss Wiki
• On Using Pixels – css-discuss Wiki
• On Using Points – css-discuss Wiki
• PX vs EM Design / the Indifference – Niels Matthijs
• Relative Font Sizes and Inheritance – Russ Weakley
• Relative sizing
• Should We Continue To Use Relative Units Vs. Relying On Page Zooming? – Robert Nyman
• SIZE MATTERS: Making CSS Font Size Keywords Work – Todd Fahrner
• Size Matters When It Comes To Fonts – Susan Weinschenk.
• 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 Amazing Em Unit – Todd Fahrner
• 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 Wrong Size Fonts: Or why not to over-ride the reader’s font size – Stephen Poley
• To Serif or Sans-Serif, That is The Question – Amit Goyal
• Toward a Standard Font Size Interval System – Todd Fahrner
• Use relative font sizes – the University of Massachusetts Boston
• Using Font Size – css-discuss Wiki
• Using Pixels for Text – WebAIM Thread
• 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
• 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 Browser Zoom Shouldn’t Kill Flexible Layouts – Zoe Mickley Gillenwater
• Why Points Suck – Todd Fahrner
• Zoom – Dave Shea

Articles & Related Links

• @font-face
  • @font-face and Performance – Steve Souders
  • @font-face Browser Support and Tutorial – Estelle Weyl
  • @font-face Hurdles and Tips – Estelle Weyl
  • @font-face in Depth – Zoltan ‘Du Lac’ Hawryluk
  • @font-face in IE: Making Web Fonts Work – Jon Tan
  • @font-face Solutions and Suggestions – Nick La
  • @font-face Tip: Define Font-Weight and Font-Style to Keep Your CSS Simple – Roger Johansson
  • CSS3 @font-face Design Guide – Nick La
  • CSS at Ten: The Next Big Thing – Hakon Wium Lie
  • Designing For The Switch – Mark Boulton
  • Downloadable Fonts – Safari Now Supports CSS @font-face rules – Dave Hyatt
  • Fonts in Your Face – Jon Hicks
  • How to Use CSS @font-face – Tim Brown
  • Starting with @font-face – Dave Shea
  • The Resurrection of Downloadable Web Fonts – Roger Johansson
  • Using CSS3 and @font-face To Use Any Custom Font on a Web Site – Robert Nyman
• 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
• Little-Known CSS3 Typographic Features – Louis Lazaris
• A Shared Encyclopedia of Typefaces – Jason Santa Maria et al
• 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.
• At Hyphenated Line-Ends, Leave at Least Two Characters Behind and Take at Least Three Forward – Richard Rutter
• Arial Versus Helvetica – John Boardley
• Best Fonts for the WebKathy 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
• Bulletproof @font-face Syntax – Paul Irish
• 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
• Compose to a Vertical Rhythm – Richard Rutter
• Contrast Rebellion- Zoltan Gocza and Richard Gazdik
  • Interesting Cause – http://contrastrebellion.com – WebAIM Thread
• CSS Gradient Text Effect – Nick La
• CSS Typography – Garrett Dimon
• CSS Typography -The Basics – Kayla Knight
• 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
• Drop Cap – The Next Generation – James Edwards
• Effective Use of Typography in Applications for Children – Catalina Naranjo-Bock
• Enhancements to Georgia and Verdana Typeface Families Announced – Ascender
• 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
• Fine Typography for the Web – Dave Shea
• Font Comparisons
• Font Embedding Now – Dave Shea
• Font Stacks – Russ Weakley
• Font Smoothing, Anti-Aliasing, and Sub-Pixel Rendering – Joel Spolsky
• FONT Tag Considered Harmful! – W3C
• Fonts, Typography, And How We Read Online – Susan Weinschenk
• For and Against Standardizing Font Embedding – Bert Bos
• Four Ways to Mix Fonts – Veerle Pieters
• Free Will for Typeface Selection – Myth or Reality? – D. Fox
• Fun With Fonts – Simon Jessey
• Fun With Fonts 2 – Simon Jessey
• Georgia & Verdana – Daniel Will-Harris
• ‘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
• Improving Accessibility Through Typography – Joe Dolson
• Improve Your Web Typography With Baseline Shift – Andy Clarke.
• 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
• Justified Text By Steve Grobschmidt
• Keep Your Font Stacks from Falling Over – Louis Simoneau
• Kern Consistently and Modestly Or Not All – Richard Rutter
• Knockout Type – Thin Is Always In – Shaun Inman
• Know Your Typefaces! Semantic Differential Presentation of 40 Onscreen Typefaces – A.D. Shaikh
• 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
• More Meaningful Typography – Tim Brown
• Moving CSS Typography Forward – Richard Rutter
• On Choosing Type – John Boardley
• On Fonts for the Web – Richard Rutter
• On Web Typography – Jason Santa Maria
• Opera 10 Unleashed, Brings Web Fonts and Transparency to the Table – David Storey
• 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
• Problems With the Sans-Serif Hack – Harry Roberts
• Project Dyslexie – Christian Boer
• Real Fonts and Rendering – The New Elephant in the Room – Jeffrey Zeldman
• Real Web Type in Real Web Context – Tim Brown
• Roundup of Font Embedding and Replacement Techniques – Zoe Gillenwater
• Safari Better than Firefox? – Jeffrey Zeldman
• Setting Type on the Web – Daniel Will-Harris
• Sans-Serif – Chris Coyier
• Setting Type on the Web to a Baseline Grid – Wilson Miner
• Set Opening Paragraphs Flush Left – Richard Rutter
• Seven Web Fonts Showcases – Chris Mills et al.
• Simple CSS: Creating More Readable Text – David Rodriguez
• Smoothing Out the Creases in Web Fonts – Jon Tan
• Specifying Fonts in Web pages
• Spruce It Up – Jonathan Snook
• Text Instead of Images – W3C
• The Best Faces for the Screen – Daniel Will-Harris
• The Changing Typography of the Web – Deborah Netburn
• The Paragraph in Web Typography and Design – Jon Tan.
• The Showcase Of BIG Typography – Second Edition – Vitaly Friedman and Sven Lennartz
• The Science of Word Recognition – Kevin Larson
• 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
• They’re Not Fonts! – Allan Haley
• Thinking with Type
• 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
• Typographers: the Original UX Designers – Kim Cullen
• Typographic Contrast and Flow – Nick La
• Type-O-Graphy: making words stand out, every time – Stephen Van Doren
• Typography and the Aging Eye: Typeface Legibility for Older Viewers with Vision Problems – Paul Nini
• Typography on the Web: Questions for Jeffrey Zeldman-Part 1- Ellen Lupton
  • Typography on the Web: Questions for Jeffrey Zeldman-Part 2 – Ellen Lupton
• Typographically Correct Punctuation on Web Sites – Stephen Morley
• Ubiquitous Web Font Embedding Just Got a Step Closer – John Allsopp
• Use Uppercase (Capitalised) Text Judiciously – Roger Johansson
• Using Kerning for Better Headlines – Kim Dudley
• Verdana Pro (and Con) – Jeffrey Zeldman
• Wharton Assitt’s Pages on Colour Theory and Typeface Design – Wharton Assitt
• Web Design is 95 Percent Typography – Oliver Reichenstein
• Web Fonts at the Crossing – Richard Fink
• Web Fonts Now (How we’re doing with that) – Jeffery Zeldman
• Web Typography: Tell Me What You Want – Jason Cranford-Teague
• What’s Wrong With the FONT Element? – Warren Steel
• What’s Wrong With FONT FACE – microsoft
• Whatever Happened to font-stretch? – Richard Rutter
• Which Are More Legible: Serif or Sans Serif Typefaces? – Alex Poole