Custom Fonts
By default, all custom fonts are set to the Outfit font.
They are included only in case they are needed. You can use just Body and Head if you do not need the Deco or Mono fonts.
Since they all reference the same font files, performance will not be impacted if you assign these font families to elements, even if you are not actively using them.
There are four custom fonts: Body, Head, Deco, and Mono.
Body is used for body text.
Head is used for headings.
Deco can be used for accent elements, such as accent headings.
Mono can be used for monospaced text, such as code or dates.
| Family | Weight | Style | File |
|---|---|---|---|
| Body | 400 (Normal) | Normal | outfit-v11-latin-regular.woff2 |
| Body | 700 (Bold) | Normal | outfit-v11-latin-700.woff2 |
| Head | 400 (Normal) | Normal | outfit-v11-latin-regular.woff2 |
| Head | 700 (Bold) | Normal | outfit-v11-latin-700.woff2 |
| Deco | 400 (Normal) | Normal | outfit-v11-latin-regular.woff2 |
| Deco | 700 (Bold) | Normal | outfit-v11-latin-700.woff2 |
| Mono | 400 (Normal) | Normal | outfit-v11-latin-regular.woff2 |
| Mono | 700 (Bold) | Normal | outfit-v11-latin-700.woff2 |