Enhancing Readability Through Effective Kerning

Kerning controls the breathing room between individual letter pairs, quietly steering how fast, how accurately, and how pleasantly people read your words.

When it is off by even 5% of the type size, readers slow down, reread lines, and blame themselves for “dense” text rather than the designer who left the spacing untouched.

What Kerning Actually Adjusts

Most fonts ship with 200–500 pre-set kerning pairs that nudge problem couples like “To” or “Av” together; manual kerning edits those numbers or adds new pairs the designer missed.

It never changes the advance width stored in the glyph itself—only the sidebearings that surround it, so the letter’s skeleton stays intact while its personal space shrinks or grows.

Understanding this boundary keeps you from accidentally squashing shapes and creating uneven stroke contrast.

Visual Tricks That Mislead Beginners

Slanted letters appear farther apart than upright ones because the eye measures the closest point, not the metrics box; compensate by tightening the opposite side.

Round glyphs (O, C, G) feel loose next to straight stems (H, I, N) even when numerically equal, so pull them 5–10 units closer to restore perceived balance.

Units vs. Percentages in Editors

Adobe apps default to 1/1000 em units, while Figma uses percentage of glyph width; convert by dividing the percentage by the point size to keep values portable across tools.

Recording both numbers in your style sheet prevents surprises when the project moves from print to web.

Why Kerning Beats Tracking for Readability

Tracking shifts every glyph by the same increment, so it either crowds safe pairs or leaves risky ones still touching; kerning solves only the collisions, preserving overall rhythm.

Readers notice loose or tight pairs faster than uniform spacing changes, so targeted fixes yield bigger clarity gains with fewer visible side effects.

Speed-Reading Studies in 2019

A Spanish Universidad de Valencia experiment found that custom-kerned body text boosted silent reading speed by 7.3% compared to the same font with default spacing.

Participants also scored 4% higher on comprehension questions, proving that micro-typography affects cognition, not just aesthetics.

When Tracking Is Still Useful

Use positive tracking on narrow newspaper columns to prevent accidental word merges, but apply it after kerning is locked so you do not reopen gaps you already closed.

Font Licensing Traps That Erase Your Work

Many desktop licenses forbid editing glyph metrics, including kerning tables; exporting a PDF with modified outlines can breach the EULA and trigger font replacement on press.

Buy “app” or “server” licenses from foundries like Grilli Type or Dalton Maag—they explicitly permit kerning tweaks and web embedding without extra fees.

How to Store Custom Kerning Safely

Keep your adjustments in a separate .fea file that loads at export time; this leaves the original OTF untouched and proves you did not redistribute a modified font.

Git-track the .fea alongside your project so any collaborator can reproduce the build without hunting for rogue kerning binaries.

Web Font Performance vs. Kerning Data

Turning off kerning in a 60 kB variable font saves only 2–3 kB after WOFF2 compression, yet can cost 15 ms in extra fixation time per saccade on low-end phones.

Keep kerning on, subset to the 400 most common pairs, and you stay under 64 kB while preserving 90% of the readability benefit.

Preload Hint That Prioritizes Pairs

Add `unicode-range: U+0041-005A, U+0061-007A` to your `@font-face` declaration so the browser fetches uppercase and lowercase Latin first, ensuring kerning arrives before the reader’s eye reaches the second word.

Kerning for Accessibility

Readers with dyslexia rely on consistent glyph spacing to anchor their place; erratic gaps trigger letter migration, turning “brown” into “b rown”.

Stick to 0–5 unit positive kerning for body text and avoid negative kerns below −10 units, the threshold where crowding starts for this audience.

Screen-Magnifier Users

At 400% zoom, a −20 unit kern becomes an −80 unit hole, breaking word shape recognition; test at 64 pt equivalent to catch these magnification artifacts early.

Kerning Right-to-left Scripts

Arabic fonts expect kerning values written in logical order, but Adobe apps still display them visually; flip the sign so a positive number tightens, not loosens, the pair.

Hebrew poses the opposite risk—negative values can clip diacritics—so test with full vowelization before finalizing.

Testing Bidirectional Text Blocks

Paste the same sentence into a RTL paragraph and again in LTR override; if the kern flips incorrectly, the font uses outdated GPOS flags and needs a hotfix from the foundry.

Automated Kerning Workflows

MetricsMachine can batch-kern an entire 26×26 Latin matrix in under ten minutes, but its algorithm ignores contrast models; review rounds that slash diagonals like A,V,W to avoid white “tunnels”.

FontLab’s AutoKern now reads stem widths and applies frequency weighting, so common pairs like “he” get tighter limits than rare “zq”.

AI Kerning APIs

Google’s Font Diffenator marks kerning regressions between versions by rendering text pairs as image diffs; pipe its JSON into a CI gate so bad kerns never reach production.

Print-Specific Considerations

Ink gain on uncoated stock closes counters and tightens gaps; add 2–3 units of positive kerning at 8 pt to compensate for the optical squeeze that happens when ink spreads 15 µm.

On glossy stock, light scatters less, so the same font can tolerate neutral or slightly negative kerning without looking starved.

Registration Errors in Two-Color Jobs

When kerning brings two differently colored glyphs within 0.1 mm, any misregistration produces a white flash; either trap the shapes or relax the kern by 5 units to stay safe.

Kerning Variable Fonts

Variable axes like `opsz` can alter sidebearings dynamically, so the kerning value that looks perfect at 8 pt may crush letters at 144 pt optical size.

Store kerning in the default master, then add delta tuples only for the extreme optical sizes to keep file bloat minimal.

Testing Across Weight Range

ExtraBold masters need looser kerns because thick strokes already eat white space; generate proof sheets that interpolate every 50 units on the `wght` axis to catch clashing diagonals.

Practical Checklist for Designers

Scan the word “AVATAR” first—its diagonal collisions expose weak kerning faster than any other six-letter combo.

Flip the text upside down to judge spacing without being distracted by meaning; if the gray texture looks even, your kerning is close to neutral.

Exporting Kerning for Teams

Package a JSON dump of your kerning table alongside the font; engineers can diff versions in Git and revert single pair changes without rolling back the entire binary.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *