Headings

The Headings Typography settings allow you to customize the fonts, sizes, alignment, and colors for all heading tags (H1 – H6) and widget titles across your site.

Widget Title

Customize the font styling for widget headings (sidebar & footer widgets).

• Font Family: Lateef

• Font Weight & Style: Bold 700

• Text Align: (Selectable)

• Font Size: 32px

• Line Height: 40px

• Font Color: Selectable via color picker

H1 – Heading 1

Customize the largest heading used for main titles.

• Font Family: Mirza

• Font Weight & Style: Bold 700

• Text Align: (Selectable)

• Font Size: 42px

• Line Height: 42px

• Font Color: Selectable

H2 – Heading 2

• Font Family: Markazi Text

• Font Weight & Style: Bold 700

• Text Align: (Selectable)

• Font Size: 40px

• Line Height: 40px

• Font Color: Selectable

H3 – Heading 3

• Font Family: Lateef

• Font Weight & Style: Regular 400

• Text Align: (Selectable)

• Font Size: 36px

• Line Height: 36px

• Font Color: Selectable

H4 – Heading 4

• Font Family: Lateef

• Font Weight & Style: Regular 400

• Text Align: (Selectable)

• Font Size: 28px

• Line Height: 28px

• Font Color: Selectable

H5 – Heading 5

• Font Family: Nafees Nastaleeq

• Font Weight & Style: Normal 400

• Text Align: (Selectable)

• Font Size: 20px

• Line Height: 40px

• Font Color: Selectable

H6 – Heading 6

• Font Family: Nafees Nastaleeq

• Font Weight & Style: Normal 400

• Text Align: (Selectable)

• Font Size: 16px

• Line Height: 32px

• Font Color: Selectable

✅ Tips for Headings

• Keep H1 reserved for main titles (articles, page headings).

• Use H2 & H3 for sub-sections and maintain hierarchy.

• For Urdu fonts, ensure readability with larger font sizes and enough line height.

• Consistency in font family across headings helps maintain a professional look.