Build faster with Premium Chakra UI Components 💎

Learn more
Skip to Content
DocsPlaygroundGuidesBlog
Sponsor

Typography

The list of available typography tokens

Fonts

Here's the list of available fonts.

theme.tokens.fonts

Ag

heading
Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"

Ag

body
Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"

Ag

mono
SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace

Font Sizes

Here's the list of available font sizes.

theme.tokens.fontSizes

2xs

0.625rem

Ag

xs

0.75rem

Ag

sm

0.875rem

Ag

md

1rem

Ag

lg

1.125rem

Ag

xl

1.25rem

Ag

2xl

1.5rem

Ag

3xl

1.875rem

Ag

4xl

2.25rem

Ag

5xl

3rem

Ag

6xl

3.75rem

Ag

7xl

4.5rem

Ag

8xl

6rem

Ag

9xl

8rem

Ag

Font Weights

Here's the list of available font weights.

theme.tokens.fontWeights

thin

100

Ag

extralight

200

Ag

light

300

Ag

normal

400

Ag

medium

500

Ag

semibold

600

Ag

bold

700

Ag

extrabold

800

Ag

black

900

Ag

Line Heights

Here's the list of available line heights.

theme.tokens.lineHeights

shorter / 1.25

Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.

short / 1.375

Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.

moderate / 1.5

Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.

tall / 1.625

Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.

taller / 2

Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.

Letter Spacings

Here's the list of available letter spacing.

theme.tokens.letterSpacings

tighter / -0.05em

Naruto Uzumaki

tight / -0.025em

Naruto Uzumaki

wide / 0.025em

Naruto Uzumaki

wider / 0.05em

Naruto Uzumaki

widest / 0.1em

Naruto Uzumaki

Previous

Spacing

Next

Z-Index