Utilities for controlling the font weight of an element.
Class | Styles |
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Examples
Basic example
Use utilities like font-thin and font-bold to set the font weight of an element:
<p class="font-light ...">The quick brown fox ...</p>
<p class="font-normal ...">The quick brown fox ...</p>
<p class="font-medium ...">The quick brown fox ...</p>
<p class="font-semibold ...">The quick brown fox ...</p>
<p class="font-bold ...">The quick brown fox ...</p>Customizing your theme
Use theme variables to customise the values these utilities generate:
@theme {
--text-tiny: 0.625rem;
}