Cap Height Converter
Our typography & graphic design calculator teaches cap height step by step. Perfect for students, teachers, and self-learners.
Calculator
Adjust values & calculateFont Metrics at 16px
Cap Height in Other Units
Font Size for 12px Cap Height
Formula
Where font size is in pixels (or any unit) and cap height ratio is a decimal between 0 and 1 specific to each typeface. To find required font size for a target cap height: Font Size = Target Cap Height / Cap Height Ratio. To match fonts: Second Font Size = First Cap Height / Second Cap Ratio.
Last reviewed: December 2025
Worked Examples
Example 1: Matching Cap Heights Between Heading and Body Fonts
Example 2: Calculating Font Size for a Target Cap Height
Background & Theory
The Cap Height Converter 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 Cap Height Converter 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
Cap Height = Font Size x Cap Height Ratio
Where font size is in pixels (or any unit) and cap height ratio is a decimal between 0 and 1 specific to each typeface. To find required font size for a target cap height: Font Size = Target Cap Height / Cap Height Ratio. To match fonts: Second Font Size = First Cap Height / Second Cap Ratio.
Worked Examples
Example 1: Matching Cap Heights Between Heading and Body Fonts
Problem: A heading uses Montserrat (cap ratio 0.700) at 32px. What size should Georgia (cap ratio 0.698) body text be to match cap heights?
Solution: Montserrat cap height = 32 x 0.700 = 22.40px\nGeorgia size needed = 22.40 / 0.698 = 32.09px\nDifference = 32.09 - 32 = 0.09px\nThese fonts have very similar cap ratios, so sizes are nearly identical
Result: Georgia at 32.09px matches Montserrat at 32px (only 0.09px difference)
Example 2: Calculating Font Size for a Target Cap Height
Problem: A design specification requires a cap height of exactly 10mm on screen (96 DPI). The font is Arial (cap ratio 0.716).
Solution: 10mm in pixels = 10 x 3.7795 = 37.795px\nRequired font size = 37.795 / 0.716 = 52.79px\nVerification: 52.79 x 0.716 = 37.80px (10.001mm)\nIn points: 52.79 x 0.75 = 39.59pt
Result: Arial at 52.79px (39.59pt) produces a cap height of 10mm at 96 DPI
Frequently Asked Questions
What is cap height in typography and why is it important?
Cap height is the distance from the baseline to the top of a capital letter in a typeface, most accurately measured on flat-topped capitals like H, I, or E (rather than pointed ones like A, which may extend slightly higher). Cap height is a crucial metric because it determines the perceived size of text. Two fonts set at the same point size can appear very different in size if their cap height ratios differ. For example, Verdana has a cap height ratio of approximately 0.735, making it appear significantly larger than Times New Roman at 0.662, even at identical font sizes. Understanding cap height enables designers to achieve visual consistency when mixing typefaces.
How do you calculate cap height from font size?
Cap height is calculated by multiplying the font size by the cap height ratio of the specific typeface. The cap height ratio is the proportion of the em square occupied by capital letters, typically ranging from 0.62 to 0.76 depending on the typeface design. For example, at 16px font size with a cap height ratio of 0.72, the cap height would be 16 times 0.72 = 11.52 pixels. The cap height ratio is a property of the font itself and can be found in font specification sheets, OpenType font metrics tables (OS/2 table sCapHeight field), or measured directly from rendered text. Different fonts at the same point size will have different actual cap heights.
How do you match cap heights between two different fonts?
To match cap heights between two fonts, calculate the required font size for the second font so that its cap height equals the first font cap height. The formula is: second font size = (first font cap height) divided by (second font cap height ratio). For example, if Font A at 16px has cap height ratio 0.72 (cap height = 11.52px) and Font B has cap height ratio 0.68, then Font B needs to be set at 11.52 / 0.68 = 16.94px to match. This technique is essential when combining a heading font with a body text font, or when mixing serif and sans-serif typefaces. Matched cap heights create visual harmony and consistent apparent size across different typefaces.
What is the difference between cap height, x-height, ascender, and descender?
These four measurements define the vertical proportions of a typeface. The baseline is the invisible line where most letters sit. Cap height extends from baseline to the top of capital letters. X-height extends from baseline to the top of lowercase letters like x, a, and e. Ascender height extends from baseline to the top of tall lowercase letters like b, d, and h (typically higher than cap height). Descender depth extends from baseline downward to the bottom of letters like g, p, and y. The em square encompasses the entire vertical extent including ascenders and descenders plus some additional space. Different typefaces allocate these proportions very differently, which is why fonts appear different sizes.
How does cap height relate to optical sizing in responsive design?
In responsive design, maintaining consistent cap heights across breakpoints ensures that text appears proportionally sized relative to surrounding elements. Rather than scaling font size linearly, designers can use cap height as the reference measurement to ensure headings maintain the same apparent visual weight at different viewport sizes. Modern CSS tools like Capsize and utilities like Tailwind Capsize plugin allow specifying text size in terms of cap height rather than font size, automatically calculating the correct font-size and line-height values. This approach produces more predictable layouts because the cap height directly corresponds to the visible text size, whereas font size includes invisible descender space that varies by typeface.
What are cap height ratios for common web fonts?
Common web font cap height ratios include: Arial and Helvetica at approximately 0.716-0.718, Times New Roman at 0.662, Georgia at 0.698, Verdana at 0.735, Trebuchet MS at 0.690, Courier New at 0.616, Impact at 0.756, Roboto at 0.711, Open Sans at 0.714, Lato at 0.694, Montserrat at 0.700, Source Sans Pro at 0.660, and Playfair Display at 0.650. Condensed and display typefaces often have higher cap height ratios because they are designed to maximize the visible text area. These ratios are critical for precise typographic calculations and can be extracted from font files using tools like FontForge, opentype.js, or the CSS Font Metrics API.
References
Reviewed by Daniel Agrici, Founder & Lead Developer · Editorial policy