Unlock hundreds more features
Save your Quiz to the Dashboard
View and Export Results
Use AI to Create Quizzes and Analyse Results

OR
Sign inSign in with Facebook
Sign inSign in with Google
Quizzes > Lifestyle & Hobbies > Arts & Design

Think You Know Typography Anatomy? Take the Quiz!

Ready for a type anatomy quiz? Explore the anatomy of type and ace every measurement.

Difficulty: Moderate
2-5mins
Learning OutcomesCheat Sheet
Paper art illustration highlighting x height cap height baseline points for typography anatomy quiz on teal background

Are you ready to dive into the details of letterforms? Our free typography anatomy quiz is designed for designers, typophiles, and anyone curious about the hidden rules of fonts. In this fun type anatomy quiz, you'll test your knowledge of x-height, cap height, ascenders, and more, sharpening your skills and getting hands-on practice. If you've ever wondered how each curve impacts readability, join our typeface quiz or explore an engaging anatomy of type quiz . Challenge yourself now - click to start your typography measurements quiz adventure and ace every question!

What term describes the height of the lowercase letter 'x' in a typeface?
X-height
Ascender height
Cap height
Baseline
The x-height measures the height of lowercase letters like 'x' from the baseline, excluding ascenders and descenders. It strongly affects readability and the perceived size of text. A larger x-height often improves legibility in small sizes. Wikipedia: X-height
Which measurement in typography refers to the distance from the baseline to the top of uppercase letters?
Baseline
Mean line
Descender
Cap height
Cap height is the distance from the baseline to the top of uppercase characters in a typeface. It determines the uniform height of capital letters. Consistent cap height ensures alignment and balance in text lines. Wikipedia: Cap height
What is the baseline in typography?
The bottom of descenders
The imaginary line where most letters sit
The top of ascenders
The height of uppercase letters
The baseline is the imaginary line on which most letters rest. It's the reference for measuring other heights like x-height and descender depth. Proper alignment to the baseline is crucial for even line spacing. Wikipedia: Baseline
What do we call the parts of lowercase letters that extend above the x-height?
Counters
Descenders
Ascenders
Serifs
Ascenders are strokes on lowercase letters that rise above the x-height, such as in 'b', 'd', and 'h'. They impact line spacing and the overall texture of text. Balanced ascender height contributes to readability. Wikipedia: Ascender
Which feature of a letter extends below the baseline?
Counter
Bowl
Descender
Ascender
Descenders are the parts of letters like 'g', 'j', 'p', and 'y' that extend below the baseline. They create rhythm in text and affect line spacing. Correctly accounting for descender depth prevents overlapping lines. Wikipedia: Descender
What is a counter in typography?
The main vertical stroke of a letter
The enclosed or partially enclosed white space in a letter
The slanted part of an italic
The serif on a letter
A counter is the enclosed or partially enclosed negative space within letterforms, such as the inside of 'o', 'e', or 'a'. Counters help define the character's shape and readability. Proper counter design maintains visual balance. Wikipedia: Counter
In typography, what is a serif?
A decorative stroke at the ends of letterforms
The white space between lines
The slanted stroke in italics
The height of the lowercase 'x'
Serifs are small decorative strokes or feet attached to the ends of letter stems. They guide the reader's eye along lines of text and can improve readability in print. Serif styles vary widely across typefaces. Wikipedia: Serif
What is meant by the term 'stem' in letter anatomy?
The round part of an 'o'
The small stroke that finishes off a letterform
The main vertical or diagonal stroke of a letter
The space between letters
A stem is the primary, often vertical or diagonal, stroke of a letterform, as seen in 'T', 'A', and 'n'. It's a fundamental structural element that defines weight and style. Variations in stem thickness are key to typeface contrast. Wikipedia: Stem
Which part of a lowercase 'a' is called the bowl?
The small counter space
The enclosed curved part
The straight vertical stroke
The tail extending below baseline
The bowl is the curved, rounded part of letters like 'a', 'b', and 'd' that encloses space. It forms the outer boundary of the counter. Bowl shape influences letter personality and readability. Typography Dictionary: Bowl
What is a ligature in typography?
Two or more characters combined into a single glyph
A decorative serif
A stroke extension below the baseline
The space between lines
A ligature is a single glyph that represents two or more characters joined together, like 'fi' or 'fl'. Ligatures improve the visual flow and prevent collisions between letterforms. Many modern fonts include discretionary and standard ligatures. Wikipedia: Ligature
Which term describes the slanted stroke on letters such as in italics?
Oblique
Bowl
Apex
Shoulder
Oblique refers to a slanted style of a roman typeface, often a mechanically skewed version. It differs from true italics, which are designed with unique letterforms. Oblique styles are common in sans-serif fonts. Wikipedia: Oblique typeface
What is the term for the small stroke that finishes off a main stroke in a letter?
Ear
Spur
Serif
Tail
A serif is the small finishing stroke attached to the end of a main stroke in many typefaces. Serifs come in different styles like bracketed or slab. They influence the overall texture and readability of text. Wikipedia: Serif
If a font has an x-height of 520 units and a cap height of 760 units in a 1000-unit em, what is the cap height percentage?
48%
63%
76%
52%
Cap height percentage is calculated by dividing cap height by the em size: 760/1000 = 76%. This ratio helps designers compare perceived sizes across different typefaces. It's critical for aligning capitals in mixed-font designs. Adobe: Font metrics
In CSS, specifying line-height: 1.5 on a 16px font yields what leading?
16px
32px
1.5px
24px
Line-height of 1.5 times a 16px font results in 24px total line height (16px × 1.5). That extra spacing is called leading. Appropriate leading improves readability by preventing lines from crowding. MDN: line-height
What is kerning?
Adjusting space between lines
Adjusting space between individual letter pairs
The thickness of strokes
Global letter spacing
Kerning is the process of adjusting the space between specific pairs of letters to achieve visually even spacing. It corrects awkward gaps and improves overall text texture. Professional typefaces include kerning tables for many letter combinations. Wikipedia: Kerning
Tracking differs from kerning because it:
Adjusts spaces for individual letter pairs
Adjusts tracking in OpenType only
Adjusts spacing uniformly across a range of text
Only affects capital letters
Tracking applies uniform spacing adjustments across a group of letters or entire text blocks. Kerning targets specific letter pairs, while tracking shifts overall letter density. Both impact readability and aesthetic. Adobe: Tracking vs Kerning
Which CSS property allows you to control the letter-spacing of text?
letter-spacing
line-height
word-spacing
text-indent
The letter-spacing property in CSS sets the tracking by specifying additional space (or negative space) between characters. It accepts length values like px, em, or percent. Use it to adjust density of text for design or legibility. MDN: letter-spacing
If a font's ascender is 1900 units and its descender is -500 units in a 2000-unit em, what is the total type height?
1500 units
2000 units
2400 units
1400 units
Total type height is the sum of ascender height and absolute descender depth: 1900 + 500 = 2400 units. This measurement shows the full design space of the font. It affects line spacing when fonts exceed the em box. Fonts.com: Type Anatomy
What does the term 'mean line' refer to?
The imaginary line at the top of standard lowercase letters
The bottom of descenders
The baseline of all text
The top of ascenders
The mean line marks the top boundary of most lowercase letters without ascenders, aligning with the x-height. It's crucial for consistent text color and readability. It differs from cap height and ascender line. Wikipedia: X-height
What is overshoot in typography?
Extra serif on capitals
Space between lines
Kerning correction
Slight extension of curved letters beyond the baseline or cap height
Overshoot is the slight extension of rounded letters like 'O' and 'S' beyond the baseline or cap height to appear optically aligned. Human perception makes perfect circles look smaller if they don't extend slightly. It ensures visual balance. Typography.Guru: Overshoot
Which part of an 'e' is called the aperture?
The serif at the end
The main stroke
The opening between the bowl and the counter
The closed bowl
The aperture is the partially open space in some letters, such as the gap in a lowercase 'e'. Aperture size influences legibility at small sizes. Closed apertures can feel darker; open apertures feel lighter. Wikipedia: Stroke
What does UPM stand for in font design?
Units Per Em
Universal Point Measurement
Units of Point Measurement
Units Per Meter
UPM stands for Units Per Em, which defines the grid resolution for glyph outlines in a font. Common values are 1000 or 2048 units. It affects precision of curves and scaling. Wikipedia: Em (typography)
What is a hairline in typeface contrast?
The thinnest stroke in a high-contrast typeface
The thickest part of a serif letter
The standard stroke width
The diagonal stroke in obliques
The hairline is the thinnest stroke in a typeface, often found in high-contrast serif designs. It contrasts with the main stems to create a refined look. Hairlines can disappear at small sizes or low resolutions. Wikipedia: Stroke
Why might a designer choose a typeface with a larger x-height?
For tighter line spacing
To reduce descender length
To eliminate overshoot
To improve legibility at small sizes
A larger x-height makes lowercase letters appear larger and more open, improving legibility in small text. It can speed reading and enhance clarity in dense paragraphs. However, too large an x-height may reduce character differentiation. Typography.com: X-Height
In TrueType fonts, a common UPM value is:
4096
2048
1000
500
TrueType outlines typically use 2048 units per em for high precision. This resolution allows smoother curves and finer detail. PostScript Type 1 fonts often use 1000 UPM. Wikipedia: TrueType
Which OpenType table stores kerning data?
cmap
GSUB
GPOS
hhea
The GPOS (Glyph Positioning) table in OpenType contains kerning and other positioning adjustments. GSUB handles glyph substitution like ligatures. Correct GPOS data ensures proper letter-pair spacing. Microsoft: GPOS table
What is the purpose of hinting in font design?
To embed color layers
To modify weight classes
To improve glyph rendering at small sizes
To adjust optical size
Hinting adds instructions to align glyph outlines to the pixel grid at small sizes, improving clarity on low-resolution displays. It reduces blurriness and preserves design intent. Modern screens have less need for heavy hinting but still benefit. Wikipedia: Font hinting
In CSS, what does vertical-align: baseline do?
Aligns the element's baseline with its parent's baseline
Pushes the element to the bottom of its container
Aligns text to the top of the line box
Centers the element vertically
vertical-align: baseline aligns the baseline of the element with the baseline of its parent, ensuring text and inline elements line up correctly. It's useful when mixing images or icons with text. Other values adjust top, middle, or bottom alignment. MDN: vertical-align
Which metric in the 'hhea' table defines the maximum ascender value?
Ascender
Descender
LineGap
CaretOffset
The hhea Ascender field records the recommended maximum ascender height for the font, used by layout engines for line spacing. Descender and LineGap also influence leading calculations. Correct metrics ensure consistent lines. Microsoft: hhea table
What does 'optical margin alignment' refer to?
Aligning glyphs to hang slightly outside a block margin
Setting inner margins in headers
Adjusting page margins for pagination
Centering text horizontally
Optical margin alignment nudges punctuation and serifs slightly outside the text block edge so that margins appear visually even. This technique improves perceived alignment, especially in justified text. Many advanced layout programs offer this feature. Wikipedia: Hanging punctuation
Why do some typefaces use unit values outside the em box for ascenders or descenders?
To allow more decorative serifs
To reduce file size
To compensate for overshoot or add extra leading space
By mistake in design
Designers may extend ascenders or descenders beyond the em box to accommodate overshoot for optical balance or to ensure enough line spacing for decorative elements. This increases total type height but yields better visual results. Typography.Guru: Em box
What is the typical ratio of x-height to cap height for good readability?
90%
100%
70%
50%
An x-height around 70% of cap height strikes a balance between lowercase legibility and capital differentiation. Too small an x-height makes text look dainty; too large can reduce hierarchy cues. Many text fonts target this ratio. Typography.com: X-Height
In variable fonts, which axis can adjust slant angle?
opsz
ital
wght
wdth
The 'ital' axis in OpenType variable fonts controls slant or italic angle, allowing smooth interpolation from roman to italic. Other axes adjust weight, width, or optical size. Variable fonts offer dynamic control in CSS. Apple: Variable Fonts
Which OpenType table provides per-glyph horizontal metrics including advance width and left side bearing?
OS/2
name
hmtx
hhea
The hmtx (Horizontal Metrics) table contains advance width and left side bearing for each glyph. Layout engines use it for exact glyph placement. The hhea table provides overall metric guidelines, but hmtx holds per-glyph values. Microsoft: hmtx table
In CSS, which font-feature-settings value enables discretionary ligatures?
"dlig" 1
"liga" 1
"clig" 1
"rlig" 1
The 'dlig' feature tag in CSS font-feature-settings turns on discretionary ligatures supplied by a font. 'liga' controls standard ligatures. You can enable multiple features by listing them. MDN: font-feature-settings
Which metric in the OS/2 table defines the recommended subscript size delta in TrueType fonts?
ySubscriptXOffset
sxHeight
ySubscriptYSize
usSubscriptXSize
The ySubscriptXOffset field in the OS/2 table specifies the horizontal offset for subscript glyphs relative to the baseline. It works with ySubscriptYSize and other subscript metrics. These ensure consistent subscript placement. Microsoft: OS/2 table
In font design, what is a ghost point?
An off-curve control point
A missing TrueType hint
A leftover path from outline conversion
A point in the em square origin
A ghost point is an off-curve hinting instruction in TrueType hinting used to align curves to the pixel grid. It doesn't correspond to an actual contour point but influences rendering. Ghost points improve clarity at small sizes. TypeDrawers: Ghost Points
0
{"name":"What term describes the height of the lowercase letter 'x' in a typeface?", "url":"https://www.quiz-maker.com/QPREVIEW","txt":"What term describes the height of the lowercase letter 'x' in a typeface?, Which measurement in typography refers to the distance from the baseline to the top of uppercase letters?, What is the baseline in typography?","img":"https://www.quiz-maker.com/3012/images/ogquiz.png"}

Study Outcomes

  1. Identify key typography measurements -

    After completing the typography anatomy quiz, recognize essential elements like x-height, cap height, ascenders, and descenders in any typeface.

  2. Apply type anatomy terminology -

    Use correct terms from the type anatomy quiz to communicate clearly with designers and typographers.

  3. Analyze typeface proportions -

    Assess how variations in x-height, cap height, and other measurements influence legibility and visual harmony.

  4. Differentiate between font metrics -

    Distinguish subtle differences in typography measurements across serif, sans-serif, and display fonts.

  5. Enhance design decisions -

    Leverage your quiz insights to select and pair fonts more effectively in your projects.

  6. Test and track your progress -

    Challenge yourself with the anatomy of type quiz questions and monitor improvement in your type measurement skills.

Cheat Sheet

  1. X-Height and Readability -

    The x-height is the height of lowercase letters (like the "x") from the baseline to the meanline, influencing legibility especially at small sizes. A typeface with an x-height of 500 units in a 1000-unit em square (ratio 1:2) will appear larger and more open than one with 400 units. Mnemonic: "x = clarity" links x-height with readability and helps you ace the typography anatomy quiz!

  2. Cap Height and Proportion -

    Cap height measures the distance from the baseline to the top of uppercase letters like "H" and affects visual weight in headings and logo designs. For instance, if cap height is 700 units in a 1000-unit em, your caps will dominate over lowercase letters, making text appear more formal (Adobe® Type Fundamentals). Remember "CAPs stand tall" to recall their role in proportion and nail this in your type anatomy quiz!

  3. Ascenders and Descenders -

    Ascenders (stems rising above x-height, as in "h" or "b") and descenders (tails dropping below baseline, as in "p" or "g") create rhythm and texture in text blocks. Typical ascender height might be 1200 units on a 1000-unit em, indicating generous vertical flow (source: Letterform Archive). Use the trick "Up and Down letters shape rhythm" to remember their impact on text color, boosting your confidence for the anatomy of type quiz!

  4. Baseline, Meanline, and Median -

    The baseline anchors all characters, while the meanline (also called the x-line) represents the top of most lowercase letters, guiding consistent placement. Misalignment between these lines can cause uneven appearance; for example, optical correction often adjusts meanlines by 2 - 3% of x-height for smoother text flow (MIT OpenCourseWare). Think "Base and Mean keep it clean" to recall their alignment role and cruise through baseline questions with confidence!

  5. Units: Points, Picas, and Ems -

    Typography measurements quiz often tests knowledge of traditional units: 1 pica equals 12 points, and 1 em equals the current font size (e.g., 16px). Web design frequently uses ems and rems for scalable layouts - 16px (1em) × 1.25rem = 20px - ensuring fluidity across devices (W3C). Use "12 pts = 1 pica" and "1em = font size" as simple memory aids so you can breeze through typography measurements quiz sections!

Make a Quiz (FREE) Copy & Edit This Quiz Create a Quiz with AI

Arts & Design Quizzes

Powered by: Quiz Maker