font

CSS design_tokens/font.css

This theme uses system fonts.

If you modify the font stacks, you may want to edit the text stylesheet to ajust the sizes and alignments.

Font families

--font-sans

system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
--font-serif

Athelas, Cambria, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, serif
--font-mono:

SF Mono, Menlo, Consolas, DejaVu Sans Mono, monospace

Modular scale

--font-size-10

--font-size-20

--font-size-30

--font-size-40

--font-size-50

--font-size-60

--font-size-70

--font-size-80

--font-size-90

--font-size-100

--font-size-110

--font-size-120

--font-size-130

--font-size-140