Font Families and Weights
This page lists all Font Families and Weights CSS custom properties available in the OxyProps Framework
Font Families
link Font Families| Description | CSS Variable | Utility Class |
|---|---|---|
| Sans serif, user system | --o-font-sans | o-sans |
| Serif, user system | --o-font-serif | o-serif |
| Monotype, user system | --o-font-mono | o-mono |
| Hyperlegible, self-hosted | --o-font-atkinson | o-atkinson |
Font Weights
link Font Weights| Description | CSS Variable | Utility Class |
|---|---|---|
| Thin | --o-font-weight-1 | o-thin |
| Extra-light | --o-font-weight-2 | o-extra-light o-ultra-light |
| Light | --o-font-weight-3 | o-light |
| Normal | --o-font-weight-4 | o-normal |
| Medium | --o-font-weight-5 | o-medium |
| Semi-Bold | --o-font-weight-6 | o-semi-bold |
| Bold | --o-font-weight-7 | o-bold |
| Extra-bold | --o-font-weight-8 | o-extra-bold o-ultra-bold |
| Heavy | --o-font-weight-9 | o-heavy |
Text Transforms
link Text Transforms| Description | Utility Class |
|---|---|
| Uppercase | o-uppercase |
| Lowercase | o-lowercase |
| Capitalize | o-capitalize |