Fonts and Typography Font Pairing and Hierarchy 1 — Questions and Answers
Question 1: What is typographic hierarchy in design?
- A visual system that organizes text by importance (Correct answer)
- A list of font weights
- A method for sorting font files
- A technique for centering text
Correct answer: A visual system that organizes text by importance
Typographic hierarchy organizes text elements visually so readers can instantly distinguish headings, subheadings, and body copy by their relative importance.
Question 2: Which pairing rule suggests combining a serif font with a sans-serif font?
- Contrast pairing (Correct answer)
- Harmony pairing
- Monochrome pairing
- Weight matching
Correct answer: Contrast pairing
Contrast pairing combines fonts with distinct visual differences—such as a serif and a sans-serif—to create clear distinction between text roles.
Question 3: What does 'type scale' mean in typographic hierarchy?
- A progression of font sizes based on a ratio (Correct answer)
- A font's resolution at different screen densities
- The number of fonts in a design system
- The weight range of a font family
Correct answer: A progression of font sizes based on a ratio
A type scale is a set of harmonious font sizes derived from a base size and a ratio (such as the Major Third or Golden Ratio), ensuring consistent visual rhythm.
Question 4: How many different font families is it generally recommended to use in a single design?
- Two (Correct answer)
- Five
- One
- Seven
Correct answer: Two
Most design guidelines recommend limiting a layout to two font families—one for headings and one for body text—to maintain visual coherence.
Question 5: What is 'concordance' in font pairing?
- Using fonts from the same family or with very similar styles (Correct answer)
- Pairing fonts from different eras
- Mixing hand-lettered and digital fonts
- Choosing fonts by file size
Correct answer: Using fonts from the same family or with very similar styles
Concordance in font pairing means selecting fonts that are very similar in style, creating a harmonious but potentially monotonous look.
Question 6: Which element of typographic hierarchy is most commonly set in the largest font size?
- H1 heading (Correct answer)
- Body text
- Caption
- Footnote
Correct answer: H1 heading
The H1 heading represents the primary topic of a page and is set in the largest font size to signal its top position in the content hierarchy.
What is typographic hierarchy in design?