font-size

Preset font-size values and their consumers.

Scope

These values come from the current preset. Project theme declarations can override them. Mode-specific entries are labeled separately.

Use font-size:* for a size-only change. The text:* utility combines size with the preset’s corresponding line height and letter spacing.

Values

3xs

--font-size-3xs

Default.5rem

2xs

--font-size-2xs

Default.625rem

xs

--font-size-xs

Default.75rem

sm

--font-size-sm

Default.875rem

md

--font-size-md

Default1rem

lg

--font-size-lg

Default1.125rem

xl

--font-size-xl

Default1.25rem

2xl

--font-size-2xl

Default1.5rem

3xl

--font-size-3xl

Default2rem

4xl

--font-size-4xl

Default2.25rem

5xl

--font-size-5xl

Default2.5rem

6xl

--font-size-6xl

Default3rem

7xl

--font-size-7xl

Default3.75rem

8xl

--font-size-8xl

Default4.5rem

9xl

--font-size-9xl

Default6rem

10xl

--font-size-10xl

Default8rem

Consumers

font-, font-size-, text-

Customize

See variables and modes and theme directives. For usage and examples, see Typography.