Size
A standardized scale for typographic sizing, ensuring consistency across headers and body text.
Font size 1
Font size 1
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-1 |
| Small | .font-sm-1 |
| Medium | .font-md-1 |
| Large | .font-lg-1 |
| Extra large | .font-xl-1 |
| 2 Extra large | .font-xxl-1 |
| 3 Extra large | .font-3xl-1 |
| 4 Extra large | .font-4xl-1 |
| 5 Extra large | .font-5xl-1 |
Font size 2
Font size 2
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-2 |
| Small | .font-sm-2 |
| Medium | .font-md-2 |
| Large | .font-lg-2 |
| Extra large | .font-xl-2 |
| 2 Extra large | .font-xxl-2 |
| 3 Extra large | .font-3xl-2 |
| 4 Extra large | .font-4xl-2 |
| 5 Extra large | .font-5xl-2 |
Font size 3
Font size 3
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-3 |
| Small | .font-sm-3 |
| Medium | .font-md-3 |
| Large | .font-lg-3 |
| Extra large | .font-xl-3 |
| 2 Extra large | .font-xxl-3 |
| 3 Extra large | .font-3xl-3 |
| 4 Extra large | .font-4xl-3 |
| 5 Extra large | .font-5xl-3 |
Font size 4
Font size 4
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-4 |
| Small | .font-sm-4 |
| Medium | .font-md-4 |
| Large | .font-lg-4 |
| Extra large | .font-xl-4 |
| 2 Extra large | .font-xxl-4 |
| 3 Extra large | .font-3xl-4 |
| 4 Extra large | .font-4xl-4 |
| 5 Extra large | .font-5xl-4 |
Font size 5
Font size 5
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-5 |
| Small | .font-sm-5 |
| Medium | .font-md-5 |
| Large | .font-lg-5 |
| Extra large | .font-xl-5 |
| 2 Extra large | .font-xxl-5 |
| 3 Extra large | .font-3xl-5 |
| 4 Extra large | .font-4xl-5 |
| 5 Extra large | .font-5xl-5 |
Font size 6
Font size 6
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-6 |
| Small | .font-sm-6 |
| Medium | .font-md-6 |
| Large | .font-lg-6 |
| Extra large | .font-xl-6 |
| 2 Extra large | .font-xxl-6 |
| 3 Extra large | .font-3xl-6 |
| 4 Extra large | .font-4xl-6 |
| 5 Extra large | .font-5xl-6 |
Font size 7
Font size 7
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-7 |
| Small | .font-sm-7 |
| Medium | .font-md-7 |
| Large | .font-lg-7 |
| Extra large | .font-xl-7 |
| 2 Extra large | .font-xxl-7 |
| 3 Extra large | .font-3xl-7 |
| 4 Extra large | .font-4xl-7 |
| 5 Extra large | .font-5xl-7 |
Font size 8
Font size 8
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-8 |
| Small | .font-sm-8 |
| Medium | .font-md-8 |
| Large | .font-lg-8 |
| Extra large | .font-xl-8 |
| 2 Extra large | .font-xxl-8 |
| 3 Extra large | .font-3xl-8 |
| 4 Extra large | .font-4xl-8 |
| 5 Extra large | .font-5xl-8 |
Font size 9
Font size 9
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-9 |
| Small | .font-sm-9 |
| Medium | .font-md-9 |
| Large | .font-lg-9 |
| Extra large | .font-xl-9 |
| 2 Extra large | .font-xxl-9 |
| 3 Extra large | .font-3xl-9 |
| 4 Extra large | .font-4xl-9 |
| 5 Extra large | .font-5xl-9 |
Font size 10
Font size 10
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-10 |
| Small | .font-sm-10 |
| Medium | .font-md-10 |
| Large | .font-lg-10 |
| Extra large | .font-xl-10 |
| 2 Extra large | .font-xxl-10 |
| 3 Extra large | .font-3xl-10 |
| 4 Extra large | .font-4xl-10 |
| 5 Extra large | .font-5xl-10 |
Font size 11
Font size 11
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-11 |
| Small | .font-sm-11 |
| Medium | .font-md-11 |
| Large | .font-lg-11 |
| Extra large | .font-xl-11 |
| 2 Extra large | .font-xxl-11 |
| 3 Extra large | .font-3xl-11 |
| 4 Extra large | .font-4xl-11 |
| 5 Extra large | .font-5xl-11 |
Font size 12
Font size 12
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-12 |
| Small | .font-sm-12 |
| Medium | .font-md-12 |
| Large | .font-lg-12 |
| Extra large | .font-xl-12 |
| 2 Extra large | .font-xxl-12 |
| 3 Extra large | .font-3xl-12 |
| 4 Extra large | .font-4xl-12 |
| 5 Extra large | .font-5xl-12 |
Font size 13
Font size 13
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-13 |
| Small | .font-sm-13 |
| Medium | .font-md-13 |
| Large | .font-lg-13 |
| Extra large | .font-xl-13 |
| 2 Extra large | .font-xxl-13 |
| 3 Extra large | .font-3xl-13 |
| 4 Extra large | .font-4xl-13 |
| 5 Extra large | .font-5xl-13 |
Font size 14
Font size 14
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-14 |
| Small | .font-sm-14 |
| Medium | .font-md-14 |
| Large | .font-lg-14 |
| Extra large | .font-xl-14 |
| 2 Extra large | .font-xxl-14 |
| 3 Extra large | .font-3xl-14 |
| 4 Extra large | .font-4xl-14 |
| 5 Extra large | .font-5xl-14 |
Font size 15
Font size 15
Class list
| Breakpoint | Class |
|---|---|
| Extra small | .font-15 |
| Small | .font-sm-15 |
| Medium | .font-md-15 |
| Large | .font-lg-15 |
| Extra large | .font-xl-15 |
| 2 Extra large | .font-xxl-15 |
| 3 Extra large | .font-3xl-15 |
| 4 Extra large | .font-4xl-15 |
| 5 Extra large | .font-5xl-15 |