Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

To maximize screen real estate we recommended a smaller 12px / 0.875rem75rem body copy size for a standard UI console.

...

Line-height, traditionally known as leading, is one of several factors that directly contribute to readability and pacing of copy. Line-heights are based on the size of the font itself. Ideal line-heights for standard copy have a ratio of 1:1.5 (typesize : line-height). For example, a type at 16px/1rem would have a line-height of 1.5rem/24px (16 x 1.5). The exception to this rule are headings, which need less spacing and therefore have a line-height ratio of 1:1.25.


Line-heightRatio
Standard UI1:1.5
Headers1:1:25