> For the complete documentation index, see [llms.txt](https://docs.stylothemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylothemes.com/qalam/customization/typography/headings.md).

# 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.

<figure><img src="https://2692803869-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvN5rakllmpTFAPXvLmlx%2Fuploads%2FL7biT5bNWcN4L1TbFrYD%2FScreenshot_21.png?alt=media&amp;token=7d3d5e8a-526a-499e-bee1-3af1adb1cfc5" alt=""><figcaption></figcaption></figure>