Font Family

Controls the font family of an element.

Class	Property
ff-c	`font-family: Charter, Cambria, serif;`
ff-m	`font-family: ui-monospace, Consolas, monospace;`
ff-s	`font-family: system-ui, sans-serif;`

Using responsive breakpoints like sm:ff-*, md:ff-*, lg:ff-*, and xxl:ff-* allows targeting specific utilities in different viewports.

<div class="ff-d md:ff-i ..."></div>

Using :hover modifiers such as h:ff-* allows you to override elements and change their values when hovering over them.

<div class="ff-d h:ff-i ..."></div>