Kerning Adjustment Calculator
Our typography & graphic design calculator teaches kerning adjustment step by step. Perfect for students, teachers, and self-learners.
Calculator
Adjust values & calculatefont-kerning: normal to enable built-in kerning, or wrap characters in spans with individual letter-spacing values for manual control.Formula
Kerning units in design tools are measured in 1/1000 of an em. To convert to pixel values, divide the kerning units by 1000 and multiply by the font size in pixels. Negative values bring characters closer together (tightening), while positive values push them apart (loosening).
Last reviewed: December 2025
Worked Examples
Example 1: Logo Headline Kerning
Example 2: Web Heading Kerning Check
Background & Theory
The Kerning Adjustment Calculator applies the following established principles and formulas. Educational measurement applies mathematical principles to quantify learning outcomes, track academic progress, and compare performance across students and institutions. Grade Point Average (GPA) is the central metric. In the standard four-point scale, letter grades are converted to grade points: A equals 4.0, B equals 3.0, C equals 2.0, D equals 1.0, and F equals 0. The GPA is then computed as the sum of (grade points multiplied by credit hours for each course) divided by total credit hours attempted. This weighted average ensures that high-credit courses exert proportionally greater influence on the final figure. Weighted GPA systems assign additional grade-point bonuses to honors, Advanced Placement, or International Baccalaureate courses, typically adding 0.5 to 1.0 points to acknowledge increased academic rigor. Unweighted GPA treats all courses equivalently regardless of difficulty. Percentile rank situates an individual score within a reference distribution: a student at the 75th percentile scored higher than 75 percent of the comparison group. Standardized tests use scaled scores and z-scores to normalize results across different test administrations. Standard deviation in test design quantifies how widely scores spread around the mean, informing item difficulty analysis and test reliability assessment. Bloom's Taxonomy, introduced in 1956, classifies cognitive learning into six hierarchical levels: remember, understand, apply, analyze, evaluate, and create. This framework guides curriculum design by ensuring assessments target higher-order thinking rather than only rote recall. Spaced repetition exploits the psychological spacing effect, whereby information reviewed at increasing intervals is retained far more efficiently than information reviewed in massed sessions. The SM-2 algorithm, developed by Piotr Wozniak in 1987, computes optimal review intervals using an ease factor updated after each recall attempt: I(n) = I(n-1) * EF, where the ease factor EF adjusts based on performance quality rated on a 0 to 5 scale. Flesch-Kincaid readability formulas estimate text difficulty. The Reading Ease score = 206.835 minus 1.015 times the average words per sentence minus 84.6 times the average syllables per word, where higher scores indicate easier text.
History
The history behind the Kerning Adjustment Calculator traces back through the following developments. Formal mass education systems emerged in the early 19th century. Prussia established a compulsory state schooling system beginning around 1763 under Frederick the Great, though full enforcement and a structured curriculum took shape in the early 1800s. The Prussian model, emphasizing standardized instruction, teacher training, and compulsory attendance, became a template that the United States, Britain, Japan, and much of Europe adopted throughout the 19th century. Compulsory education laws spread across the industrializing world between roughly 1850 and 1900. Massachusetts passed the first such law in the United States in 1852. By the end of the century most developed nations had established free, publicly funded schooling systems with defined grade levels and curricula. The measurement of individual intelligence and academic aptitude arose at the turn of the 20th century. Alfred Binet, commissioned by the French government to identify students needing additional support, developed the first practical intelligence test in 1905 with Theodore Simon. Their scale introduced the concept of mental age and formed the basis for later intelligence quotient measurements. The Scholastic Aptitude Test, later the SAT, was introduced in the United States in 1926 by Carl Brigham, building on Army intelligence tests used during World War I. It became the dominant college admissions tool over the following decades, institutionalizing standardized testing in American secondary education. The second half of the 20th century brought accountability-driven reform. The Elementary and Secondary Education Act of 1965 tied federal funding to measured outcomes. The No Child Left Behind Act of 2001 required annual standardized testing in core subjects across all public schools and imposed consequences for persistent underperformance, intensifying debate about the validity and consequences of high-stakes testing. The 21st century introduced Massive Open Online Courses, or MOOCs, beginning with the Khan Academy in 2006 and expanding rapidly after Stanford's free online courses attracted hundreds of thousands of students in 2011. Digital learning platforms enabled spaced repetition software, adaptive assessments, and learning analytics to reach global audiences outside traditional institutions.
Frequently Asked Questions
Formula
Kerning (px) = (Kerning Units / 1000) x Font Size
Kerning units in design tools are measured in 1/1000 of an em. To convert to pixel values, divide the kerning units by 1000 and multiply by the font size in pixels. Negative values bring characters closer together (tightening), while positive values push them apart (loosening).
Worked Examples
Example 1: Logo Headline Kerning
Problem: A designer is creating a logo with the text 'AVATAR' at 72px in a serif font. The AV pair needs kerning adjustment. The built-in kerning is -40 units. What pixel adjustment is needed, and what is the recommended value?
Solution: Current kerning: -40 units (1/1000 em)\nPixel value: (-40/1000) x 72 = -2.88px\nRecommended kerning for AV pair: -80 units\nRecommended pixel value: (-80/1000) x 72 = -5.76px\nAdditional adjustment needed: -80 - (-40) = -40 units = -2.88px tighter\nSize adjustment factor for 72px (display): 1.2x\nAdjusted recommendation: -80 x 1.2 = -96 units = -6.91px
Result: Current: -2.88px | Recommended: -5.76px | Needs -2.88px more tightening
Example 2: Web Heading Kerning Check
Problem: A web developer has h1 text 'Today' at 48px. The TA pair looks too loose and the To pair also needs work. Calculate the recommended kerning values for CSS implementation.
Solution: TA pair:\nRecommended: -80 units = (-80/1000) x 48 = -3.84px\nCSS: letter-spacing: -3.84px on the A character\n\nTo pair:\nRecommended: -40 units = (-40/1000) x 48 = -1.92px\nCSS: letter-spacing: -1.92px on the o character\n\nFor CSS implementation, wrap each character in a span:\n<span style='letter-spacing:-3.84px'>T</span>A...\nOr use font-kerning: normal to rely on built-in kerning.
Result: TA: -3.84px (-80 units) | To: -1.92px (-40 units) | Use font-kerning: normal for built-in support
Frequently Asked Questions
What is kerning in typography and why is it important?
Kerning is the process of adjusting the spacing between specific pairs of characters to achieve visually even spacing. Unlike tracking, which applies uniform spacing across all characters, kerning targets individual pairs that create optical illusions of uneven spacing due to their shapes. For example, the letters A and V have diagonal strokes that create a large visual gap when placed side by side at default spacing. Proper kerning closes this gap to make the spacing appear consistent with surrounding characters. Kerning is essential for professional typography, particularly in logos, headlines, and display text where imperfections are more visible.
How does kerning differ from tracking and letter-spacing?
Kerning, tracking, and letter-spacing are related but distinct concepts. Kerning adjusts the space between two specific characters based on their shapes, addressing optical spacing problems unique to particular letter combinations. Tracking applies a uniform spacing adjustment across an entire range of text, affecting all character pairs equally. CSS letter-spacing is essentially tracking applied uniformly. A well-kerned font has hundreds of pair-specific adjustments built into its kerning table. Designers typically set tracking first to establish overall text density, then adjust individual kerning pairs where the built-in kerning is insufficient, particularly for display type and logos.
What are the most common kerning pairs that need adjustment?
The most problematic kerning pairs involve characters with diagonal strokes, overhanging elements, or open sides. The classic examples include AV, AW, AY, AT, LT, LV, LY, VA, WA, YA, TA, TO, and FA. These pairs create large visual gaps because the character shapes do not fill the rectangular bounding boxes evenly. Pairs involving uppercase T are particularly challenging because the crossbar creates significant white space above adjacent lowercase letters. The pairs rn, cl, and vv can cause the opposite problem where characters appear to merge. Professional fonts include kerning tables with 200-500 or more pairs predefined by the type designer.
How do I measure kerning values in different design tools?
Different design applications use different units and methods for kerning. Adobe InDesign and Illustrator display kerning in 1/1000 of an em, where negative values tighten spacing and positive values loosen it. Figma shows kerning in the same 1/1000 em units in the character panel. Sketch uses pixel values directly. In CSS, the font-kerning property enables or disables built-in kerning (values: auto, normal, none), while individual pair adjustments require JavaScript or SVG manipulation. To convert between systems: divide the design tool value by 1000 to get em units, then multiply by font size in pixels for the pixel equivalent.
What is optical kerning versus metric kerning?
Metric kerning (also called auto kerning) uses the kerning pairs table built into the font file by the type designer. These predefined values represent the designer expert judgment for spacing hundreds of specific character combinations. Optical kerning, available in applications like Adobe InDesign, ignores the built-in table and instead analyzes the actual glyph shapes to calculate spacing dynamically. Optical kerning often produces better results with poorly kerned fonts or unusual character combinations not in the kerning table. However, well-designed premium fonts usually have superior metric kerning. Use metric kerning as your default and switch to optical only when the built-in kerning produces unsatisfactory results.
How does font size affect kerning requirements?
Font size significantly impacts how noticeable kerning issues are and what adjustments are needed. At body text sizes (14-18px), built-in font kerning is usually sufficient because small imperfections are not visible at reading distance. As text size increases above 24px for subheadings and display text, kerning inconsistencies become increasingly apparent and may require manual adjustment. At very large sizes (72px and above) used in posters, billboards, and hero sections, even minor kerning imperfections are obvious and demand precise optical correction. The general rule is that the larger the text, the more time should be invested in manual kerning refinement.
References
Reviewed by Daniel Agrici, Founder & Lead Developer · Editorial policy