Tokens & namespaces
font-family
Preset font-family values and their consumers.
Scope
These values come from the current preset. Project theme declarations can override them. Mode-specific entries are labeled separately.
Each value is an ordered fallback stack. Available font files determine which face the browser uses.
Values
sans
--font-family-sans- Default
var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" mono
--font-family-mono- Default
var(--font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace serif
--font-family-serif- Default
var(--font-serif, ui-serif), Georgia, Cambria, "Times New Roman", Times, serif
Consumers
font-, font-family-
Customize
See variables and modes and theme directives. For usage and examples, see Typography.