The letters A, B and C are in a bubble in the middle of the illustration. Lines leave the bubble from the top and bottom.

What’s in a font?

Posted by: GrackleDocs on July 31, 2023

For many web developers, choosing fonts for their sites comes down to aesthetics. However, for people with dyslexia, the choice of font can determine whether text on a page can or cannot be read.

There are two font families, serif and sans serif. For example, Times New Roman is a serif font, and Arial is a sans-serif font. Serif fonts have small serifs or tails on the letters. For a dyslexic user, the presence of serifs on letters can result in words becoming a visually confusing mess. Sans-serif fonts are, as the name suggests, lacking serifs. Sans-serif fonts are a lot less confusing and easy for a dyslexic person to read. The best sans-serif fonts to use are Verdana, Helvetica, or Arial. Cursive fonts, as well as italics for both serif and sans-serif fonts, are among the hardest for those with dyslexia to read. Cursive fonts are popular from a design point of view; however, they are a very inaccessible choice of font.

OpenDyslexic is an open-source font which weights letters in such a way that similar letters cannot be confused with each other. Commonly encountered reading problems like letter hopping and line skipping can still occur with OpenDyslexic. It is a font which takes some time to get used to, and as with everything, it isn’t a fit for everyone. For those who choose to use OpenDyslexic, it can be often a valuable tool. As someone who reads books every night, having the option to use OpenDyslexic on my Kindle app has meant I’m not re-reading sections I missed or reading things incorrectly. Unfortunately, using it on my computer for browsers has not been as smooth a process, as many websites do not function well with the add-on.

Back to Top

You may also be interested in:

  • Why WCAG?

    Posted in Digital Accessibility, Web Accessibility on July 21, 2023

    The Web Content Accessibility Guidelines (WCAG) are a set of guidelines designed to make web content more accessible, particularly for people with disabilities. Here are a few reasons why websites…

    Read PostGrackleDocs
  • Growing up with Undiagnosed Autism: A Personal Journey

    Posted in Disability Awareness on June 20, 2023

    Introduction: What is autism? Autism is a neurological condition that affects the way a person interacts with the world around them. Also referred to as ASD (Autism Spectrum Disorder) or…

    Read PostAn illustration of a heart as a puzzle with four different coloured pieces coming together to make it complete.
  • Fonts! Google vs PDF

    Posted in Document Accessibility on July 31, 2023

    Creating a PDF output from a Google Document can sometimes lead to discrepancies in the appearance of fonts, especially if a unique or uncommon font is used in the original…

    Read PostGrackleDocs