Typography Overview

The RUHIPRO 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

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

Body Font

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

Heading Font

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

Font Sizes

Font sizes in RUHIPRO 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

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

• Body Text: 400
• Headings: 600

Summary

• Body Font: Noto Sans (400)
• Heading Font: Josefin Sans (600)
• Body Font Size: 18px (Desktop), 16px (Mobile)