---
{
  title: 'Fonts',
  description: 'Font choices and typography stack in NVIDIA Elements: bundled families, fallback chains, and how to swap to a custom font.',
  layout: 'docs.11ty.js'
}
---

# {{ title }}

By default themes provide a default font family globally. For Elements default `light` and `dark` theme this is `Inter`. You can override fonts via the CSS Custom Properties.

## Tokens

{% tokens 'ref-font-family', 'ref-font-weight', 'ref-font-size', 'ref-font-line-height', 'sys-text' %}
