How does responsive typography affect readability across devices?

• A. Text sizes remain constant across devices.
• B. Typography should always be large on mobile.
• C. Scales with viewport, using relative units and fluid line lengths to maintain legibility.
• D. Use fixed line lengths to ensure uniform layout.

Answer: (C)

Responsive typography keeps readability steady across devices by scaling text in relation to the viewport and the container width. If font sizes stay the same everywhere, a mobile screen might render text too small to read comfortably, while a desktop might look oversized. That disrupts reading flow. By using relative units (such as em or rem) and viewport-based sizing (or modern CSS tools like clamp), the font adjusts to the device, preserving a comfortable reading size. Pairing this with fluid line lengths—letting the measure adapt to the available width—ensures lines aren’t too long or too short, which helps the eye move smoothly from one line to the next. This approach also respects user zoom and accessibility preferences, maintaining legibility without sacrificing layout.