Usage #
Use d-fw-{n} to change an element's font-weight.
<p class="d-fw-{className}">...</p>
Variables #
Variable | Output |
|---|---|
| var(--dt-font-weight-normal) | 400 |
| var(--dt-font-weight-medium) | 500 |
| var(--dt-font-weight-semi-bold) | 600 |
| var(--dt-font-weight-bold) | 700 |
Classes #
Class
|
Output
|
|---|---|
| .d-fw-normal | font-weight: var(--dt-font-weight-normal) !important; |
| .d-fw-medium | font-weight: var(--dt-font-weight-medium) !important; |
| .d-fw-semibold | font-weight: var(--dt-font-weight-semi-bold) !important; |
| .d-fw-bold | font-weight: var(--dt-font-weight-bold) !important; |