Typography

Font Weight

Utilities for sets the font weight.

Class

class	css
font-hairline	font-weight: 100	Text
font-thin	font-weight: 200	Text
font-light	font-weight: 300	Text
font-normal	font-weight: 400	Text
font-medium	font-weight: 500	Text
font-semibold	font-weight: 600	Text
font-bold	font-weight: 700	Text
font-extrabold	font-weight: 800	Text
font-black	font-weight: 900	Text

Usage

Set font-weight to an element.

<!-- Example -->
<y class="font-light">
  ...
</y>

Set font-weight with Google Fonts. (See Font Family).

<!-- Example -->
<y class="font-roboto font-light">
  ...
</y>

Variant

Variant	Enabled	Responsive
Default	Yes	Yes
Dark Theme
hover	Yes
group-hover
focus	Yes
focus-visible
focus-within
active
visited
checked
disabled