Quick Tips to Correct Common Kerning Issues
Good kerning can make typography feel invisible; bad kerning makes words look like they’re falling apart. The gap between letters shapes readability, mood, and even brand trust before a reader notices the typeface.
Many designers treat kerning as a final polish, yet the biggest wins come from catching systemic errors early. A handful of quick checks—applied in the right order—erase 90 % of ugly spacing long before you zoom in to nudge individual pairs.
Spot the Usual Suspects First
Open any font file and you’ll meet AV, Te, Tr, We, Yo, and their diagonal-armed friends. These pairs collide at the shoulders, creating dark holes or awkward kisses that break word flow.
Scan your headline in lowercase, then caps, then small caps; each state exposes different collision zones. Script fonts hide even more traps where swashes sneak under adjacent glyphs.
Create a “collision matrix”: type every diagonal-letter combination once, print at 300 pt, and highlight the ugly ones. Save the matrix as a template so future projects start with a hit list instead of guesswork.
Activate Optical Metrics in One Click
Adobe and Affin apps ship with an under-used “Optical” kerning option that ignores the font’s built-in tables and recalculates side-bearings from scratch. It fixes 70 % of script or display disasters instantly.
Turn it on before manual nudging; you’ll avoid wasting time on pairs the algorithm already balanced. Compare optical vs metric settings at actual size—sometimes the font author’s spacing is actually tighter for body copy.
Tame the Trap of Uppercase T
The crossbar of a capital T creates a vacuum underneath, sucking the next letter too far left. Letters with straight stems (H, I, L) suffer least, but round forms like O or diagonal A limbs need extra breathing room.
Add 5–10 units of positive kerning after T-A, T-O, T-W, then group those pairs as a kerning class so every T inherits the fix. Test the class at 48 pt and 12 pt; oversized corrections that look fine in headlines will balloon in body text.
Use a Kerning String, Not Isolated Glyphs
“HToTa” strung together reveals spacing rhythm better than staring at TO alone. Sandwich the problem pair between neutral letters so your eye judges gray value, not outline shape.
Duplicate the string five times, adjust the middle pair, then squint until the line turns into a uniform stripe. If the stripe darkens or lightens at one pair, the value is still off.
Fix the A-V A- W V-A W-A Quartet
These four combos appear in almost every logo, yet their sharp apexes leave diamond-shaped holes. The optical goal is to make the counter between letters feel equal to the counter inside each letter.
Start by overlapping the apexes 2–4 % of the em square; the outside stems should look parallel, not splayed. Reverse the pair (VA, WA) and repeat—symmetry matters because readers scan both directions subconsciously.
Export a quick PDF, flip it horizontally, and read upside-down to strip meaning from shapes. If the spacing still looks even while inverted, the math is right.
Lock Settings with a Style
Once the quartet is balanced, save the values as a character style named “AV-WA tight.” Apply the style instead of hand-kerning every instance; you’ll stay consistent across 200-page documents.
When the brand font changes, update the style once and watch every logo header reflow automatically. This prevents the “patchwork” look that happens when multiple designers kern the same pairs differently.
Prevent Number-Letter Chaos
Old-style figures sit on the baseline and x-height, so 1a, a1, and 0o combinations inherit new collision zones. Tabular lining figures are monospaced and rarely kerned, but proportional lining figures need love too.
Test every numeral followed by a capital (1W, 2V) and every numeral preceded by lowercase (a0, e1). These pairs slip through standard kerning tables because they straddle case boundaries.
Create a GREP style that adds +10 tracking to any digit-touch-letter pair, then refine manually. The blanket fix catches 90 % of crimes before you audit the rest.
Watch Out for Currency Symbols
Dollar signs and yen bars crash into both preceding and following digits. The vertical stem of ¥ behaves like a second T-bar, while the S-curve of $ tucks under 5 and 6.
Kern $5, $6, ¥1, ¥2 tighter than you think—about −15 units—then test on dark backgrounds where white type expands optically. Reverse the string (5$, 6$) to be sure the fix works bidirectionally.
Balance Diagonals in Slab Fonts
Slab serifs look sturdy, but their rectangular serifs amplify gaps when diagonals meet verticals. The flat feet remove optical compensation that humanist serifs provide.
Reduce kerning on A-V by only 1–2 units instead of the usual 5; the serifs already occupy white space. Over-tightening turns letters into a picket fence and kills legibility at small sizes.
Print a coarse halftone proof at 85 lpi; the degraded image simulates low-resolution screens and exposes spacing that feels claustrophobic in pixels.
Flip the Text Block
Rotate the entire layout 180° so you read bottom-to-top. Serifs now point the opposite direction, forcing your brain to see pure rhythm instead of familiar word shapes.
If any pair suddenly jumps out as darker or lighter, the kerning is still off. Mark those spots, revert the rotation, and fine-tune only the flagged zones.
Manage Script Overlaps Without Collisions
Script typefaces seduce with flowing strokes, but their exit and entry swashes overlap in unpredictable ways. “of” and “fo” can share the same horizontal space, creating an accidental blob.
Enable contextual alternates first; many modern fonts ship with smart swash substitutions that retract when followed by ascending letters. If alternates don’t exist, isolate the overlap in transparency mode and subtract the swash area with a clipping mask instead of tightening kerning.
That preserves stroke weight while reclaiming white space, something mere kerning cannot do.
Export a Static Fallback
Web browsers disable advanced OpenType features more often than you expect. Bake the overlap fix into a static SVG for hero graphics so the logo never reverts to a collision.
Keep the live-text version for accessibility, but serve the static file as the default to avoid surprises on older Android browsers.
Fix Small-Caps Spacing Collapse
Real small caps are redrawn, not just scaled-down caps, yet their side-bearings are often copied verbatim. The result: letters look gappy at text sizes and crowded when enlarged.
Apply +5 tracking globally to small-caps settings, then kern individual pairs back tighter. This two-step move respects the overall rhythm while correcting outliers like W-A or J-o that still feel loose.
Check the result in all-caps abbreviations such as NASA and JPEG; the repeated rectangular shapes magnify inconsistency.
Scale Kerning with Type Size
Kerning values that look perfect at 11 pt can feel pried open at 7 pt because ink spread fills counters. Reduce kerning by 10 % for every 2 pt drop below 10 pt when printing on uncoated stock.
Conversely, enlarge values by 5 % for every 10 pt jump above 48 pt on retina screens; optical scaling is non-linear. Store these increments as size-specific styles so the system kerns automatically.
Audit Numbers in Tables
Tabular figures align vertically, but the same glyphs switch to proportional when you style a cell as bold or italic. The width jump breaks column alignment and looks like a data error.
Force tnum feature in CSS or your layout app to lock widths regardless of weight. Then kern only the punctuation—colon, decimal, and currency—so it centers optically within the monospaced frame.
Avoid kerning numerals themselves; any shift destroys the vertical grid.
Test with Color Overlays
Fill each figure with a unique 20 % opacity color and stack rows. If any digit drifts left or right, the misalignment becomes a glaring band of color instead of a subtle pixel.
Fix the punctuation, not the number, to preserve the grid.
Secure Web Font Kerning
Google Fonts often ship with kerning off by default to save file size. Add &display=swap&text= to the URL and subset only the glyphs you need; the reduced payload lets you enable kerning without hurting load time.
Declare font-kerning: normal in CSS to override legacy browser defaults. Test in Firefox, the only engine that still ignores this property when local fonts shadow the web font.
Run a quick Lighthouse audit; if “eliminate render-blocking resources” flags the font, the kerning file is too large and needs deeper subsetting.
Use Variable Fonts for Live Tweaks
Variable fonts expose a kern axis you can animate with CSS. Slide the axis 5 % tighter on hover for interactive buttons without swapping files.
Because the axis is glyph-level, it respects user zoom settings and remains crisp at any scale.
Batch-Process Large Documents
InDesign’s GREP find/change can apply kerning classes to every headline at once. Search for (?<=l)(?=u) to locate lowercase-to-cap transitions, then apply your pre-built “Tight Diagonal” style.
Save the query as a preset so interns never hand-nudge 3,000 chapter titles again. Run it after every content drop to catch new text inserted by editors.
Script the Final Audit
Write a JavaScript for Acrobat that outlines every word, measures bounding boxes, and flags pairs whose gap deviates more than 8 % from the median. The script spits out a redline PDF you can hand to a human for the last 2 % of finesse.
Because it measures ink, not vectors, it accounts for inkjet gain and laser-printer shrink in real-world prints.
Keep a Personal Kerning Log
After every project, dump the final kerning classes into a spreadsheet: font, size, pair, value, context. Over a year you’ll see patterns—like your perennial +8 on T-Y or −3 on r-a—that become starting presets for new work.
Share the log with teammates as a living style guide; it prevents reinventing the wheel and trains junior eyes with concrete numbers instead of vague “tighten until it feels right.”