...
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-height | Ratio |
---|---|
Standard UI | 1:1.5 |
Headers | 1:1:25 |