---
title: "Customizing header font"
slug: "header-font-style"
description: "Header fonts are the captain of the main content as it leads the reader with the introduction for the main content. They are usually larger, and so generally considered  the higher impact text in the content."
tags: ["CSS Snippets"]
updated: 2026-02-12T10:04:35Z
published: 2026-02-16T03:51:13Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customizing header font

Header fonts are the captain of the main content, as they lead the reader through the introduction to the main content. They are usually large and generally considered the higher-impact text in the content.

All these paramount things make choosing the right header font style more important when taking your content online.

The header fonts are usually the `<H1>`, `<H2>`, `<H3>`, and `<H4>` tags that you mostly use for your titles and headings.

** NOTE

The most common Header font for technical documentation is **sans-serif**. Document360 provides this font and the freedom to customize Header fonts according to your preference.

---

## How to change the Header font style in Document360?

#### Using Custom CSS

1. Navigate to **Settings** (**) in the left navigation bar****in the Knowledge base portal.
2. In the left navigation pane, navigate to **Knowledge base site** > **Site customization** > **Custom CSS & JavaScript**.

![Site customization options for branding, colors, and layout settings in a web application.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1770890215248.png)
3. Click the **Custom CSS** tab and click the **Add code snippets** button.

A panel appears, preloaded with seven basic snippets that you can use to customize your knowledge base site.
4. Click **Change heading font**. The snippet will be added to your Custom CSS code block.
5. Make the required changes to the code.
6. Click **Save**or press **Ctrl+S** to save the changes.

![Interface showing options to customize CSS and JavaScript for a website.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Site-Customization-header-font.png)

** NOTE

**Montserrat** is the default Header font style for all the `<H>` tags. You can modify the custom font style and color in the header font style snippet. This will be applied to the entire knowledge base.