Typography

Explore the full list of typography tokens used in our design system.

This chapter showcases a structured presentation of typography styles with responsive mapped utility classes for headings (f-heading-XX). Each heading style is defined across different breakpoints (sm, md, lg, xl), with associated CSS properties such as font size, line height, letter spacing, font weight, and font family. The available fonts are and

Implement the Component in Your Project

Below is a code snippet demonstrating how to use the component. Copy and customize it to fit your needs.

Last updated on