Typography Overview

The MILI Drupal theme uses a clean and modern typography system designed to ensure readability, consistency, and visual hierarchy across all devices. This document explains the default font families, sizes, and weights used in the theme.

Font Families

MILI theme uses two well-balanced Google Fonts to maintain a professional and user-friendly appearance.

Body Font

  • Font Family: Heebo
  • Used for all body text including paragraphs, lists, and general content.

Heading Font

  • Font Family: Poppins
  • Used for all headings (H1–H6).

Font Sizes

Font sizes in MILI theme are optimized for both desktop and mobile devices to ensure optimal readability.

Body Font Size

  • Desktop: 18px
  • Mobile: 16px

Heading Font Size

Headings scale proportionally based on their level to maintain visual balance across screen sizes.

Font Weights

MILI uses carefully selected font weights to differentiate content and improve readability.

  • Body Text: 400
  • Headings: 600

Summary

  • Body Font: Heebo (400)
  • Heading Font: Poppins (600)
  • Body Font Size: 18px (Desktop), 16px (Mobile)