Web Design References
Typography
Font Sizing
Articles & Related Links
- 10 Considerations When Working With Web Typography - Paul Boag
- 15 Best Web Safe Fonts That Work With HTML and CSS - Robert Mening
- 15 Best License-Free Pixel Fonts - Vitaly Friedman
- 25 Best License-Free Quality Fonts - Vitaly
Friedman
- 3 Typography Mistakes That Hurt Accessibility (And How to Fix Them) - Josh Crawford
- 5 Keys to Accessible Web Typography - Matej Latin
- A Comparative Study of Dyslexia Style Guides in Improving Readability for People With Dyslexia (2024) - Fonita Theresia Yoliando
- A Guide to Understanding What Makes a Typeface Accessible - Gareth Ford Williams
- A Guide to Web Typography - John Boardley
- A New Typeface - Greater Legibility And Readability For Low Vision Readers - Braille Institute of America
- A px is not a px - Remy Sharp
- A Pocket Guide to Master Every Day's Typographic Adventures - Benedikt Lehnert
- Accessible Typefaces, Fonts, and Text | Accessibility NYC Meetup Recap (Video) - Jared Smith
- Accessibility Whack-A-Mole - Eleanor Ratliff
- Arial Versus Helvetica - John Boardley
- Atkinson Hyperlegible Font May Be Pretty Good If Your Granny Can't See Well - Christian Tietze
- Atkinson Hyperlegible Next Expands on Low Vision Accessibility (2025) - Kim Tidwell
- Avoid Justified, Centered or Right-Aligned Text in Content - Denis Boudreau
- B612 Font Family - Airbus
- Behind the Process of Helvetica's 21st century Facelift - William Joel
- Best Font for Online Reading: No Single Answer - Jakob Nielsen
- Braille Institute's Atkinson Hyperlegible Typeface Now Available on Google Fonts - Braille Institute of America
- Can We Selectively Attend to the Top Halves of Letters and Ignore the Bottom Halves? (2024) - David Březina and Mary Dyson
- Centered Text is Good for Wedding Invitations and Wine Labels, not for the Web - Deborah Edwards-Onoro
- Centering Text
on the Longest Line - Richard Rutter
- Colorfonts: The Future of Typography - Dieter Petereit
- Comic Sans is a Good Typeface, Actually - Eric Bailey
- Contrast
Rebellion - Zoltan Gocza and Richard Gazdik
- Conveying All-Caps Legal Text - Adrian Roselli
- Chromatic Type with Pseudo Elements - Adrian A.
Roselli
- Cross-Cultural Design - Senongo Akpem
- Designing Accessible Content: Typography, Font Styling, and Structure
- Carie Fisher
- Designing Accessible Typefaces with Eleni Beveratou (2024) - Oliver Schöndorfer
- Designing for the Reading Experience - Marko
Dugonjic
- Don't Re-Create Browser Features - Adrian Roselli
- Don't Use Fake Bold or Italic in Social Media (2025) - Adrian Roselli
- Drop Caps
- Effective Use of Typography in Applications for
Children - Catalina Naranjo-Bock
- Effects of Typography on Reader Mood and Productivity -
Dmitry Fadeyev
- Evaluating Fonts: Font Family Selection for Accessibility & Display Readability - Andrew Somers
- Exploring Disfluency: Are Designers Too Sensitive To Harder-To-Read Typefaces? - Mary Dyson and David Březina
- Find Out How Type Works (PDF) - Erik Spiekermann
- Flexible Typesetting Is Now Yours, for Free (2024) - Tim Brown
- Fluid Typography (And Its Role in Design Systems) (Video) (2024) - Richard Rutter
- Fluid Typography: Predicting A Problem With Your User's Zoom-In - Ruslan Yevych
- Font Accessibility - Gareth Ford Williams
- Font Accessibility and Readability: the Basics - Daisy Bird
- Font Choices (2023) - Daniela Marina Geli, Ellen Liebert, and Laura Biray
- Font
Stacks - Russ Weakley
- FONT Tag
Considered Harmful! - W3C
- font-display is Incompatible with Icon Fonts - Zach Leatherman
- Fonts Don't Matter - Hampus Sethfors
- Get Expressive with Your Typography - Richard Rutter
- Get the Balance Right: Responsive Display Text - Richard Rutter
- Has the Internet Killed Curly Quotes? - Glenn Fleishman
- Hats Off to ALL CAPS - Andrew Somers
- 'helvetica,
arial', Not 'arial, helvetica' - Jens Meiert
- How a Typeface Helped Launch Apollo (Video) - Douglas Thomas
- How to Choose the Right Fonts for Small Screens - Nurit Bahat
- How to Find Fonts Used in a Web Page (Video) - Rob Hope
- How to Italicize Text - Chris Coyier
- How to Make Pragmatic, Purposeful Typography Choices - James George
- How Type Influences Readability - Hilary Palmen
- How Typography Affects Readers - Ankit Oberoi
- How We Read - Jason Stanta Maria
- Icon Fonts
- Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography - Andy Clarke
- Interactive Typography Cheatsheet - Christian Heilmann
- Intro to Font Metrics - Weston Thayer
- Intro to Variable Fonts in Web Design - Jake Rocheleau
- It's Time to Stop Using Images of Text on Your Website - Luke McGrath
- Jump Start Responsive Web Design - Chapter 4: Responsive Text - Chris Ward
- Justified Text - Steve Grobschmidt
- Keep Your Font Stacks from Falling Over - Louis
Simoneau
- Keeping Track of Letter-Spacing, Some Guidelines - Eric Bailey
- Legibility, Readability, and Comprehension: Making Users Read Your Words - Jakob Nielsen
- Letter and Symbol Misrecognition in Highly Legible Typefaces for General, Children, Dyslexic, Visually Impaired and Ageing Readers - Thomas Bohm
- Learn the Logic of Great Typography (2024) - Learn UI Design
- Ligatures: Benefits and Pitfalls - Jeremy DePew
- Low-Contrast Text Is Not the Answer - Katie Sherwin
- Measuring The Performance Of Typefaces For Users (Part 1) - Thomas Bohm
- Methods for Controlling Spacing in Web Typography - Geoff Graham
- Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols - Thomas Bohm
- More Meaningful Typography - Tim Brown
- Moving CSS
Typography Forward - Richard Rutter
- No, No, No, No and No! - Gareth Ford Williams
- Notes on Font Stacks for CJK - Jonathan Snook
- On
Choosing Type - John Boardley
- On Fonts and Dyslexia - Neil Milliken
- On Fonts for
the Web - Richard Rutter
- On
Web Typography - Jason Santa Maria
- One More Time: Typography Is The Foundation Of Web
Design - Paul Scrivens
- Online Book 'Legibility: How and Why Typography Affects Ease of Reading' by Mary Dyson - David Březina
- Open-Dyslexic -
Abelardo Gonzalez
- Problems With
Font Rendering on Macs - Richard Rutter
- Project Dyslexie - Christian Boer
- Public Sans - United States Web Design System
- Quick Thoughts on Typeface and Font Accessibility - Jonathan Avila
- Real
Fonts and Rendering - The New Elephant in the Room -
Jeffrey Zeldman
- Real Web Type in Real Web Context - Tim Brown
- Responsive Type and Zoom - Adrian Roselli
- Retrofitting Fluid Typography (2024) - Richard Rutter
- Revisiting Fluid Type (2025) - Miriam Suzanne, Stacy Kvernmo, and Richard Rutter New!
- Roundup of Font Embedding and Replacement Techniques -
Zoe Gillenwater
- Say
No to Faux Bold - Alan Stearns
- Serif vs. Sans-Serif Fonts for HD Screens - Jakob
Nielsen
- Setting
Type on the Web to a Baseline Grid - Wilson Miner
- State of the Web: Web Fonts (Video) - Deborah Edwards-Onoro
- Stop Using Icon Fonts - Michael Irigoyen
- Students Struggle to Read a New Font Introduced to the UM Website (2024) - Sav Chavez
- System Fonts Don't Have to be Ugly - Iain Bean
- Styling
Text 101 - Virginia DeBolt
- The
Era of Symbol Fonts - Brian Suda
- The Last Word on Helvetica? - John Boardley
- The Reason Comic Sans is a Public Good - Drake Baer
- The Scourge of Helvetica Neue Light - Richard Rutter
- The State of Fluid Web Typography - Matej Latin
- The New
Typography - Richard Rutter
- The
Non-Typographer's Guide to practical Typeface Selection - Cameron Moll
- The State of Web Type - Bram Stein
- The Typeface with Parkinson - Creative director Morten Halvorsen
- Typography Rules and Terms Every Designer Must Know - Creative Bloq Staff
- Tests - James Nurthen
- The Case Against Banning Italics - Ted Page
- Text
Contrasts - Openweb
- The Dos and Don'ts of Pairing Typefaces - Rachel Krause
- The Influence of Stroke Width on Legibility
for Low Vision Adults: Integrating Scientific and Design Knowledge on Typeface Boldness (PDF) - Karin von Ompteda
- The Effect of Serifs and Stroke Contrast on Low Vision Reading - Katsumi Minakata et al.
- The IL1 Typography Test - Rachel Krause
- The Problem With Superscripts and Subscripts (2024) - Richard Rutter
- The Reason Comic Sans is a Public Good - Drake Baer
- The Rules of Responsive Web Typography - Zell Liew
- The Visual System - A Brief Guide To Anatomy and Physiology in the Context of Typography - Bruno Maag
- Thinking
with Type
- To Subset or Not Subset Fonts - Eric Bailey
- Top 42 Modern Fonts for Trendy Designs in 2024 - Enina Bicaku
- Top Ten Tips
for Web Typography - Richard Rutter
- Type and colour - Joe Clark
- Typefaces for Dyslexia - Adrian Roselli
- Typesetting Paragraphs on Web Pages - Louis
Lazaris
- Typographic Hierarchies - Alma Hoffmann
- Typography and Dyslexia - Bigelow and Holmes
- Typography Basics: Terminology, Examples, and Infographics - Vowels
- Typography Cheat Sheet - The 6 Big Mistakes to Avoid - Simone Sala
- Typography for Glanceable Reading: Bigger Is Better - Page Laubheimer
- Typography Terms Cheat Sheet - Therese Fessenden
- Typography Terms: Glossary (2024) - Sarah Gibbons and Therese Fessenden
- Typographer vs. Accessibility (Video) (2024) - Oliver Schöndorfer
- Typographer vs. Accessibility (Video) (2025) - Oliver Schöndorfer. Oliver's Slides (PDF)
- UI Typography (Video) - Oliver Schöndorfer
- Untangling Web Typography - Nicole Sullivan
- Use Uppercase (Capitalised) Text Judiciously - Roger
Johansson
- User Interfaces for Variable Fonts - Andrew Johnson
- User Interface Typography (2023) - Alex Baránov
- Variable Fonts
- Verdana
Pro (and Con) - Jeffrey Zeldman
- Webfonts - Adam Morse
- Web Fonts, Boy, I Don't Know - Monica Dinculescu
- Web Fonts Now (How we're doing with that) - Jeffery
Zeldman
- Web Fonts: Power Up! (Video) - Chris Lilley
- Web
Type Will Save Us (Or, Who's Afraid of the Big, Bad Retina
Display?) - Jeffery Zeldman
- Web Typography & Layout: Past, Present, and Future - A List Apart
- Web Typography: Designing Tables to be Read, Not Looked At - Richard Rutter
- Web Fonts are Critical to the Online User Experience - Don't Hurt Your Reader's Eyes - Interaction Design Foundation
- Web Typography is Now Open Source - Richard Rutter
- Web Typography: Numerals - Richard Rutter
- What Are Accessible Fonts? - Cam Waller
- What's in a Word? - Gareth Ford Williams
- Whatever
Happened to font-stretch? - Richard Rutter
- When East Meets West: Web Typography and How It Can Inspire (Video) - Chen Hui Jing
- Windows Substitutes Helvetica for Arial - Jonathan Snook
- WordPress Accessibility Meetup: Accessible Typography with Carie Fisher - Deborah Edwards-Onoro
- Your Most Important Typographic Choices - Steven
Bradley
