Tri Font Feature

Overview

The Tri Font Feature provides a structured typography system using three font categories:

• font-sans
• font-serif
• font-mono

Each font category has a defined role to maintain consistency, hierarchy, and visual balance across the website.

Font Categories

font-sans

Primary Font (Default)

The font-sans font is the primary and default typography style used throughout the website.

It should be applied to:

• Body text
• Headings
• Navigation
• Buttons
• Forms
• General UI components
• Default content sections

Usage:

<div class="font-sans">
  Primary website content
</div>