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

  • Updated on Jun 20, 2026
  • Published on Feb 16, 2026
  • 1 minute(s) read
Prev Next

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

  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

  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

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.
Related articles