Font Pairing Chooser

The answer is B) To create visual hierarchy and enhance readability. Font pairing is the practice of combining different fonts to establish a clear visual structure in design. The primary goal is to create contrast between different text elements while maintaining harmony and improving the overall reading experience.

Limits on font usage are recommended for several reasons:

• Visual Consistency: Too many fonts create visual chaos
• Brand Identity: Limited fonts maintain brand recognition
• Readability: Consistent typography improves comprehension
• Performance: Fewer fonts mean faster loading times
• Cost: Licensed fonts can be expensive

The impact on design consistency is significant - limited fonts create a unified visual language that reinforces brand identity and improves user experience.

For a professional corporate website, I would recommend:

• Headline: Montserrat - Clean, geometric sans-serif that conveys modern professionalism
• Body: Lora - Elegant serif font that provides excellent readability and trustworthiness

This pairing works because Montserrat's clean lines and strong presence create authority in headlines, while Lora's traditional serif design suggests reliability and professionalism in body text. The contrast between geometric sans-serif and classical serif creates clear hierarchy while maintaining a trustworthy, professional appearance.

/* Base font sizes for better readability */
h1 { 
  font-family: 'Montserrat', sans-serif;
  font-weight: 600; /* Avoid very thin weights */
  font-size: clamp(1.5rem, 4vw, 2.5rem); /* Responsive sizing */
}

p {
  font-family: 'Lora', serif;
  font-weight: 400; /* Avoid thin weights */
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  line-height: 1.6; /* Adequate line spacing */
}

/* Ensure sufficient contrast ratio */
@media (prefers-contrast: high) {
  :root {
    --text-color: #000;
    --bg-color: #fff;
  }
}