Typography

The core typography properties

font-family the typeface stack, font-size character size, font-weight boldness (400 normal, 700 bold), line-height vertical spacing between lines.

A readable paragraph

A line-height around 1.5-1.6 improves readability for body text.

body {
  font-family: "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}

Always list fallbacks

List several fonts, ending in a generic family (sans-serif, serif, monospace) — if the first font isn't installed, the browser tries the next.