Skip to main content

Font Family

Read about how you can change the font family of your elements.

ClassProperties
ff-monospacefont-family: monospace;
ff-sans-seriffont-family: sans-serif;
ff-seriffont-family: serif;
ff-system-uifont-family: system-ui;
ff-initialfont-family: initial;
ff-inheritfont-family: inherit;
ff-revertfont-family: revert;

Basic Usage

ff-monospace

ff-sans-serif

ff-serif

ff-system-ui

ff-initial

ff-inherit

ff-revert

<p class="ff-monospace ...">ff-monospace</p>
<p class="ff-sans-serif ...">ff-sans-serif</p>
<p class="ff-serif ...">ff-serif</p>
<p class="ff-system-ui ...">ff-system-ui</p>
<p class="ff-initial ...">ff-initial</p>
<p class="ff-inherit ...">ff-inherit</p>
<p class="ff-revert ...">ff-revert</p>