PeaxDocsv0.2.0
Guides

Consent v0.2.0

Typography

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

Font ownership

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

.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

.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.

On this page