<?xml version="1.0" encoding="utf-8"?>

Responsive text

Responsive text

SF fonts maintain their quality across different screen sizes and orientations. Whether on a compact iPhone screen or an expansive iPad display, the type system ensures consistent readability and visual hierarchy.

The system handles text adjustments automatically:

  • Margins adapt to screen width
  • Line length stays comfortable for reading
  • Text styles scale proportionally
  • Spacing adjusts to maintain balance

Take the Messages app as an example. Notice how text behaves when switching between portrait and landscape:

  • Message bubbles reflow naturally
  • Input field text stays legible
  • Timestamps maintain their style
  • Contact names remain prominent

These automatic adjustments work across Apple platforms.

Improve your UX & Product skills with interactive courses that actually work