What are the best fonts for dyslexic readers?

The best fonts for dyslexic readers are clear, familiar sans-serif typefaces with distinct letter shapes, open spacing and a generous x-height, such as Verdana, Arial, Tahoma, Calibri, Open Sans, Lexend and Atkinson Hyperlegible. Specialist dyslexia fonts such as OpenDyslexic and Dyslexie exist, and some readers prefer them, but independent research has generally not shown that they improve reading speed or accuracy compared with good standard fonts. What tends to help more is how the text is set: a comfortable size, wider letter and line spacing, short lines, left alignment and plain, uncluttered pages. The most useful approach is a readable default plus the freedom for users to change it.

Dyslexia affects how people process written language, and its effects vary widely from person to person. Typography can't remove those difficulties, but poor typography can make them much worse, and good choices make reading less tiring for many people, with or without dyslexia. In this article you'll learn which font features help, how the popular options compare, what to make of dyslexia-specific fonts, which spacing and layout settings matter, and how to build pages that adapt to individual readers.

What Makes a Font Easier for Dyslexic Readers

Dyslexic readers often report that letters seem to swap, blur or crowd together. A font can't change how someone processes text, but certain features reduce the chance of confusing one character for another:

• Distinct mirror-image letters: Letters such as b, d, p and q are reflections or rotations of each other in many geometric fonts. Fonts where they differ slightly, for example in stroke shape or terminal, are easier to tell apart.
• Unambiguous I, l and 1: A capital I with serifs or a lowercase l with a tail avoids confusion with the digit 1.
• Single-storey or clear a and g: Opinions vary, but a clear, open a and an obvious g shape help many readers.
• Open counters and apertures: Letters like e, c and s with open shapes stay recognisable.
• Generous default spacing: Fonts with tight built-in spacing make words feel crowded.
• Moderate weight and low stroke contrast: Very thin strokes or strong thick-thin contrast can make letters shimmer.

Familiarity matters too. Fonts that people see every day tend to be easier to read simply because readers are used to them, which is one reason common system fonts perform well.

Serif or Sans-Serif?

Guidance from dyslexia organisations, including the British Dyslexia Association's style guide, recommends sans-serif fonts for most readers. That's sensible advice for the web, where sans-serif fonts at body sizes are clean and familiar. It isn't an absolute rule: a well-spaced serif font is not inherently a problem, and some readers prefer one. If in doubt, choose a clear sans-serif for body text and let users change it.

Fonts That Work Well

The following typefaces are widely recommended or have features that suit dyslexic readers. All of them are suitable for body text on the web:

Font	Type	Availability	Notes
Verdana	Sans-serif	Pre-installed on Windows and macOS	Wide letters, large x-height, generous spacing
Arial	Sans-serif	Pre-installed almost everywhere	Very familiar; b and d are mirror images
Tahoma	Sans-serif	Pre-installed on Windows and macOS	Narrower relative of Verdana
Calibri	Sans-serif	Bundled with Microsoft Office	Rounded, soft, compact
Open Sans	Sans-serif	Free, Google Fonts	Open shapes, neutral, good spacing
Lexend	Sans-serif	Free, Google Fonts	Designed around reading fluency, adjustable widths
Atkinson Hyperlegible	Sans-serif	Free, Braille Institute and Google Fonts	Designed to distinguish similar characters
Comic Sans	Casual	Pre-installed on Windows and macOS	Often preferred by dyslexic readers despite its reputation

Atkinson Hyperlegible was designed for readers with low vision, not specifically for dyslexia, but its exaggerated differences between similar characters suit many readers. Lexend is a family with several width styles, from the standard Lexend through progressively wider versions, so you can pick a looser setting without changing font.

A Practical Font Stack

A stack that starts with an open web font and falls back to widely installed fonts works well:

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/AtkinsonHyperlegible-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/AtkinsonHyperlegible-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Atkinson Hyperlegible", Verdana, Tahoma, Arial, sans-serif;
}

Load only the weights you'll use. A regular and a bold are enough for most text, and they cover the most common emphasis pattern for dyslexic readers, which is bold rather than italics.

What About Dyslexia Fonts?

Several typefaces have been designed specifically for dyslexic readers:

• OpenDyslexic: A free, open-source font with heavy, weighted bottoms on each letter, intended to anchor letters to the baseline and make rotation less likely.
• Dyslexie: A commercial font designed by Christian Boer, with heavier baselines, larger openings and letter shapes altered to look less alike.
• Read Regular and others: Fonts developed with similar goals in mind.

These fonts have helped raise awareness, and some individual readers find them more comfortable. That matters: comfort and confidence are real benefits. However, published research comparing dyslexia fonts with standard fonts has generally found no consistent improvement in reading speed or accuracy. Where readers do benefit, a likely reason is the extra letter and word spacing these fonts build in, and you can get that spacing with any good font.

The practical conclusion is:

• Don't force a dyslexia font on everyone: Many readers, dyslexic or not, find them unusual or harder to read.
• Do offer it as an option: If your audience includes many dyslexic readers, such as in education, a font toggle is a thoughtful touch.
• Focus on spacing and layout: These help more readers more reliably.

Spacing Matters More Than the Font

Crowding, where neighbouring letters interfere with each other, is thought to make reading harder for many dyslexic readers. Increasing spacing is one of the most reliable improvements you can make.

Letter and Word Spacing

A small increase in letter spacing and a slightly larger increase in word spacing loosen text without making it look odd:

.readable {
  font-size: 1.125rem;      /* 18px at the default setting */
  line-height: 1.6;
  letter-spacing: 0.03em;
  word-spacing: 0.1em;
}

Go further if your audience needs it. The British Dyslexia Association suggests that larger letter spacing helps, and the WCAG Text Spacing criterion requires that your layout still works when users push letter spacing to 0.12em and word spacing to 0.16em. If you design with some room to spare, those overrides won't break anything.

Line Height and Paragraph Spacing

Line spacing of around 1.5 is a common recommendation. It makes it easier to move from the end of one line to the start of the next without skipping or repeating a line. Separate paragraphs with clear space rather than indentation:

.readable p {
  margin-block: 0 1.5em;
}

Line Length

Long lines are harder to track. Aim for roughly 60 to 70 characters per line for body text, or fewer for audiences who find reading particularly hard:

.readable {
  max-width: 65ch;
}

Layout and Formatting Choices

Alongside fonts and spacing, several formatting habits make a big difference:

• Left-align text: Justified text creates uneven word gaps and rivers of white space, which make it harder to keep your place.
• Avoid italics for emphasis: Italic letterforms are slanted and often more cursive, which makes them harder to read. Use bold instead.
• Avoid underlining except for links: Underlines can make text look crowded. Keep them for links, where they serve a clear purpose.
• Avoid long runs of capital letters: All caps text removes the varied shapes of lowercase letters. Use sentence case for headings.
• Use headings, lists and short paragraphs: Clear structure helps readers find their way and break text into manageable chunks.
• Keep backgrounds plain: Busy background images and patterns behind text are distracting.
• Soften the contrast slightly: Some dyslexic readers find stark black on bright white causes glare. A dark grey on an off-white or cream background, while still meeting WCAG contrast, can be more comfortable.

:root {
  --page-bg: #fbf8f1;  /* off-white, slightly warm */
  --page-text: #1f1f1f; /* about 15.5:1 on the background */
}

body {
  background-color: var(--page-bg);
  color: var(--page-text);
}

.readable em {
  font-style: normal;
  font-weight: 700;
}

That last rule restyles em elements as bold rather than italic within reading content, keeping the semantic emphasis while avoiding slanted text.

Let Readers Choose

Because dyslexia varies so much, the best thing you can do is let people adjust text themselves. Many readers already use browser reading modes, extensions or operating system settings. Make sure those work by using relative units and flexible layouts, and consider adding simple controls of your own.

A minimal preference toggle can switch a class on the root element and remember the choice:

<fieldset class="reading-options">
  <legend>Reading options</legend>
  <label>
    <input type="checkbox" id="toggle-spacing">
    Wider spacing
  </label>
  <label>
    <input type="checkbox" id="toggle-font">
    Alternative font
  </label>
</fieldset>

:root.wide-spacing .readable {
  letter-spacing: 0.08em;
  word-spacing: 0.16em;
  line-height: 1.8;
}

:root.alt-font body {
  font-family: "OpenDyslexic", "Comic Sans MS", Verdana, sans-serif;
}

const options = [
  { id: "toggle-spacing", className: "wide-spacing" },
  { id: "toggle-font", className: "alt-font" },
];

for (const { id, className } of options) {
  const input = document.getElementById(id);
  let saved = null;
  try {
    saved = localStorage.getItem(className);
  } catch {
    // Storage may be unavailable; the toggle still works for this visit.
  }
  if (saved === "on") {
    document.documentElement.classList.add(className);
    input.checked = true;
  }
  input.addEventListener("change", () => {
    document.documentElement.classList.toggle(className, input.checked);
    try {
      localStorage.setItem(className, input.checked ? "on" : "off");
    } catch {
      // Ignore storage errors.
    }
  });
}

If you offer OpenDyslexic as an option, self-host it with its own @font-face rule and load it only when the class is applied, so other visitors don't download it. Browsers only fetch a web font when text actually uses it, so a rule scoped to the alt-font class achieves this automatically.

---

FAQ: Fonts for Dyslexic Readers

---

Conclusion

There's no single best font for dyslexic readers, but there's a clear pattern. Familiar sans-serif typefaces with distinct letter shapes and open spacing, such as Verdana, Open Sans, Lexend and Atkinson Hyperlegible, make a strong default. Specialist fonts like OpenDyslexic can help individual readers feel more comfortable, but the evidence that they improve reading on their own is weak, so offer them as an option rather than imposing them.

The bigger gains come from how text is set: a slightly larger size, extra letter and word spacing, a line height around 1.5, short left-aligned lines, bold rather than italic emphasis and calm backgrounds. Build those into your defaults, make sure your layout survives user overrides, and give readers simple ways to adjust text. That combination helps dyslexic readers and makes your content easier for everyone.