---
title: "Customizing body font style"
slug: "body-font-style"
description: "Customize your Document360 knowledge base's body font style using Custom CSS & JavaScript for a crisp, professional look. Follow our easy setup guide!"
updated: 2026-02-16T03:51:56Z
published: 2026-02-16T03:51:56Z
---

> ## 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 body font style

Body font style is essential in Document360 or any possible avenue for creating crisp, reader-required content. With Document360's **Custom CSS and JavaScript** function, users can achieve the desired font styling and overall Knowledge base look.

## Setting up the body font style using Custom CSS & JavaScript

Follow the below steps to change the body font style in Document360 using CSS Snippets.

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

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1770890215248.png)
3. Click the **Custom CSS** tab and then click the **Add code snippets** button on the top right.

A panel appears, preloaded with seven basic snippets that you can use to customize your knowledge base site.
4. Click the **Change body text font**. The snippet will be added to your Custom CSS code block.

![Interface showing options to customize CSS and JavaScript for a website.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom_CSS&JavaScript-Custom-body-font.png)
5. Make the required changes to the code.
6. Click **Save**or press **Ctrl+S** to save the changes.

![Code snippet showing CSS body styling with highlighted font family and save button.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customizing-body-font.png)

> **For example**, if you want to change the body font style to **ROBOTO** with the color Red, you can change that in the snippet code.

** NOTE

**Nunito** is the default font style used. You can modify the custom font style and color in the body font snippet, and the modification applies to the entire Knowledge base.