Which technique helps typography scale with screen size?

• A. Fixed px font sizes
• B. Relative units like em/rem and viewport units
• C. Use only serif fonts
• D. Use uppercase text

Answer: (B)

Typography that scales with screen size relies on relative sizing rather than fixed measurements. When you define font sizes with fixed pixels, the text stays the same size on all devices, which can hamper readability on small screens and waste space on large ones. The best approach is to use units that adapt as the screen changes: em and rem scale based on a parent or root font size, so typography maintains a harmonious rhythm across the page. Rem is especially reliable because it ties to the root font size, giving you predictable, proportionate sizing no matter how deeply nested the element is. Viewport units, like vw and vh, hinge on the actual viewport dimensions, letting font sizes grow or shrink with the device’s width or height for a fluid feel.

Together, these techniques help maintain legibility and visual hierarchy across devices, making typography responsive rather than fixed. For example, setting a base size in rems keeps headings and body text proportional, while viewport or clamp-based sizing can fine-tune readability as the screen changes.