Font family for general propose of project.

This page provides a quick reference to all of the Aura Design tokens and classes, grouped by their major functionality:

*:root {
    --aura-font-stack: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

--aura-font-stack is a CSS custom property (also known as a CSS variable) that specifies the font stack for a design system. The font stack is a prioritized list of fonts that a web browser uses to display text on a webpage. The value of --aura-font-stack is used as the font-family property in other parts of the design system. By using a CSS custom property, the font stack can be easily changed and updated in one place, rather than having to update it across multiple CSS rules. This helps to maintain consistency and makes updates to the font stack more manageable.

--aura-font-stack

Description

Cheat Sheet