# Typography

Supply fonts and tune text size, line height and spacing.

Source: https://docs.peax.co/consent/guides/typography



## Font ownership [#font-ownership]

Your application loads font files. The theme makes no remote font requests.

```css
.pxc {
  --pxc-font-family: 'Figtree', system-ui, sans-serif;
  --pxc-font-family-headings: 'Poppins', system-ui, sans-serif;
  font-family: var(--pxc-font-family);
}
```

The body font inherits by default; the heading font falls back to the body font. The stylesheet applies the heading variable to the banner title, preferences title and section headings. Setting `font-family` on the root also gives paragraph text the same body font as the controls.

## Size and density [#size-and-density]

```css
.pxc {
  --pxc-font-size: 16px;
  --pxc-line-height: 1.6;
  --pxc-spacing-md: 1rem;
  --pxc-spacing-lg: 1.25rem;
}
```

The default base size is 14px and line height is 1.5. Line height is unitless. Spacing tokens change spacing; they do not change line height.

Allow labels to wrap and content to grow. Test narrow screens, long translations, browser zoom and user text-spacing overrides. Avoid fixed text heights or truncation in consent controls.