Design advice

Typography
for eLearning.

Type is doing more work in your course than you probably credit it for. Hierarchy. Pace. Readability. Tone. The same content set badly is exhausting; set well, it's invisible. Most eLearning courses fail their typography test in three or four predictable ways. Here's how to pass.

Part one

Type is the hierarchy.

Before colour, before icons, before layout flourishes — type does the hierarchy. Big things are important. Small things are supporting. Bold things demand attention. The mistake most courses make is using too many type sizes, too many weights, too many variations — until the type "system" becomes noise and nothing stands out.

Three sizes is enough. Four is generous.

Most courses need only a heading size, a subheading size, and a body size. Maybe a small caption size. That's it. Add a fifth size and you've blurred the system — the reader's eye no longer knows what's important because too many things look important. A tight type scale forces design decisions; a sprawling one hides them.

Match size to importance, not to space.

A common failure: making text bigger because the slide looks empty, or smaller because it doesn't fit. The size should be set by hierarchy. If a heading is bigger than it needs to be because the canvas felt empty, the heading reads as more important than it is. If a paragraph is smaller because it didn't fit, the paragraph reads as less important. Both are lies the eye believes. Resize only when the meaning warrants it; if a section won't fit, cut content instead of shrinking it.

Weight does what size can't.

Bold draws the eye within a paragraph. Italic carries emphasis or marks something distinct (a term being defined, a thought, a quote). Use both sparingly — when everything is bolded, nothing is. A single bolded phrase per paragraph is the rule; two is the maximum. Beyond that, the reader stops registering bold as emphasis and starts seeing it as visual noise.

Don't make body text small to look "elegant".

Some designers reduce body type to 14px or smaller because it reads as refined in a mockup. In the real world it reads as squinting. eLearning body text should be 16px minimum — usually 17 or 18 on desktop. Anyone reviewing the course on a laptop in afternoon light or after long screen time will thank you for the extra two pixels.


Part two

Choosing fonts for readability.

eLearning is read-at-length content. The font's job is to disappear — let the reader process the words, not the typeface. Decorative or distinctive fonts work as display, never as body. Most courses do better with a single workhorse font and resist the urge to "pair" it with a contrasting one.

One body font is usually enough.

A font pairing — display font for headings, body font for paragraphs — looks sophisticated in design references and complicates real courses. Two fonts means two sets of weights to license, two sets of fallbacks to manage, more places for things to go wrong. A single well-chosen sans-serif (Inter, Source Sans, IBM Plex Sans) carries headings and body fine if used at the right weights.

Sans over serif for screen body text.

Serif fonts read beautifully in print at high resolution. On screens, especially at body size, they can read fussier — the small serifs become visual texture rather than letterforms. There are exceptions (Source Serif, Charter), but the default for eLearning body should be a clean sans-serif. Serifs are fine for one-off display moments — a hero quote, a chapter opener.

Check the font on real screens before committing.

A font that looks great in a designer's Figma file can look thin or hinted-poorly on a Windows laptop with default rendering. Before you commit a course to a font, test it on at least three screens: a high-DPI Mac, a mid-tier Windows machine, and a phone. If it falters on any of them, you have a problem most of your learners will encounter.

Beware "system" defaults that are actually awful.

Defaulting to "Arial" or "Verdana" because they're "safe" produces courses that look generic — the visual equivalent of stock photography. If you can use a free professional font (the Google Fonts catalogue is mostly excellent), use one. Inter, Source Sans 3, IBM Plex Sans are all free, well-hinted, and instantly more refined than the system defaults.


Part three

The details that make a difference.

The big calls — size scale, font choice — are foundational. The details below are what separate a course that reads fine from one that reads well. They're cheap once you know about them.

Line height is half the readability.

Body text should have line-height around 1.5 to 1.7 times the font size. Tighter and lines pack together — reading slows, the eye loses its place between lines. Looser and the relationship between consecutive lines disappears. Most authoring tools default to about 1.2, which is too tight for body text. Override it.

Line length matters more than people credit.

Reading research is consistent: optimal line length for sustained reading is 60-75 characters. Shorter and the eye breaks too often. Longer and it struggles to find the next line on return. eLearning slides regularly stretch text across the full width of a 1280-pixel canvas — 130 characters per line — and reading falls off a cliff. Constrain the text column. The empty space to the right isn't waste; it's what makes the words readable.

Set headings tighter than body.

Body text wants generous line-height (1.5+). Headings want tighter — usually 1.1 to 1.25. Tight heading line-height holds the headline together as a single visual unit; loose line-height makes it look like two unrelated lines stacked on top of each other. Most authoring tools use one line-height value across all text. Override it for headings.

Capitalisation carries meaning.

ALL CAPS slows reading by about 15% — the eye uses word-shape to recognise familiar words, and caps eliminates that cue. Reserve it for short labels, kicker text, and short headings where impact beats readability. Sentence case (only the first word capitalised) reads fastest and works best for headings, subheadings, and buttons. Title Case (Most Words Capitalised) is a third option; it reads as more formal but slower than sentence case.

Don't use justified text.

Full justification — text aligned to both left and right margins — creates rivers of white space inside paragraphs as the spacing between words is stretched to fit. It looks "neat" in a screenshot and reads worse than left-aligned text every time. Left-align body text, leaving a "ragged right" edge. Trust the visual rhythm of natural line endings.

Watch for orphans and widows.

An "orphan" is a single short line at the end of a paragraph; a "widow" is a single word that wraps to its own line. Both look careless. Most authoring tools won't fix these automatically — you have to spot them and either reword slightly or adjust line breaks. Worth the five seconds. A heading that ends with one word stranded on a second line tells the reader nobody cared enough to look.


Type works when you stop noticing it. Build a tight scale of three sizes. Pick one workhorse font. Set generous line-height on body and tight line-height on headings. Constrain line length. Left-align, sentence case, no orphans. None of this is glamorous, none of it wins design awards. It just means your course reads well, which is the whole point.

Want a course
set well?

We make typography choices that serve the learning, not the design portfolio. Three-week delivery, transparent pricing, zero drama.