---
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-06-20T06:14:16Z
published: 2026-06-20T06:14:16Z
canonical: "docs.document360.com/body-font-style"
---

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

The Change body text font CSS snippet lets you update the font family and color applied to article body content across your entire knowledge base site. The default body font in Document360 is **Source Sans Pro**, with **sans-serif** as the fallback. Changing this snippet replaces it with any font available in the browser or referenced via a custom font setup.

---

## How to customize the body font

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

![Site customization page showing the Custom CSS and JavaScript option](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1770890215248.png)

1. Click **Custom CSS & JavaScript**.
2. Select the **CSS** tab, then click **Add code snippets** in the top right.
3. Click **Change body text font**. The snippet is inserted into the CSS editor.

![CSS editor showing the Change body text font snippet inserted into the editor](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom_CSS&JavaScript-Custom-body-font.png)

1. Replace the `font-family` value with your desired font name.
2. Replace the `color` value with your desired font color (HEX code).
3. Click **Save** or press **Ctrl + S**.

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

The new font is applied to all article body content across the knowledge base.

 NOTE

For example, to change the body font to Roboto with a red color, replace `font-family` with `"Roboto", sans-serif` and `color` with `#FF0000`. The modification applies to the entire knowledge base.

---

## Best practices

- **Use web-safe fonts or hosted fonts** - if the font is not available on the reader's system, the browser falls back to the generic family (e.g., `sans-serif`). For custom or brand fonts, use a hosted font via a custom CSS import.
- **Keep the fallback font generic** - always include a generic family (`sans-serif`, `serif`) as the last value in your `font-family` declaration to ensure readability if the primary font fails to load.
- **Test readability across article types** - body font changes affect all articles. Check how the font renders in articles with code blocks, tables, and callouts, as font changes can affect spacing and legibility in these elements.