Edit your default font

task brazil Updated Sep 10, 2026 1 min read edit-font.md

Raw file servicenow.com

Edit your default font family and choose from the predefined options in Theme Builder or your own custom fonts.

Before you begin

Role required: ui_builder_admin

For information on granular roles, see Granular admin roles.

Procedure

Navigate to All > Now Experience Framework > Theme Builder.

The Theme Builder landing page appears in the Home page view.
Use the Page drop-down list to select the Editor page view.

[Omitted image "tb-editor-page-list.png"] Alt text: Page drop-down list with Editor selected.
From the Theme drop-down list located in the header bar, select the theme that you want to edit.

The Global styles tab opens automatically with the Overview panel displayed.

[Omitted image "tb-editor-page-view.png"] Alt text: Example view of the Editor page.
From the Global styles Overview panel, navigate to the Typography section and select the current font listed in the Default font family field.

[Omitted image "tb-overview-typography.png"] Alt text: Overview panel with Typography section.
Select a new font from the list of fonts.

[Omitted image "tb-pick-default-font-modal.png"] Alt text: Pick a default font modal with Open Sans selected.

Note: Use the preview pane within the modal to view the font face variations of each font. If you have uploaded any custom fonts, they will appear as selectable options in the modal.
Select Save.
Use the Abstract UI or Experience preview tabs on the main stage to view how your new font appears globally throughout your theme.

Depending on their size, custom fonts can inadvertently adjust the amount of text on the page. Test and preview your fonts before publishing your theme to your instance.

Result

Your new font is displayed as the Default font family and applied globally to your theme. If you want to upload a custom font, see Upload a custom font to your theme.

If your theme is published, your edits are visible to users who have your theme applied on refresh. For information on publishing your theme, see Publish your themes with Theme Builder.

Parent Topic:Working with Global styles

Keywords edit fonttheme builderdefault fontfont

65 lines · 3.3 KB Wrap lines

---
title: Edit your default font
description: Edit your default font family and choose from the predefined options in Theme Builder or your own custom fonts.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/platform-user-interface/edit-font.html
release: brazil
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
keywords: [edit font, theme builder, default font, font]
breadcrumb: [Global styles, Manage or edit a theme, Configuring Next Experience with Theme Builder, Working with themes, Configure, Next Experience UI, Configure UIs and portals, Configure user experiences]
---

# Edit your default font

Edit your default font family and choose from the predefined options in Theme Builder or your own custom fonts.

## Before you begin

Role required: ui\_builder\_admin

For information on granular roles, see [Granular admin roles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-security/granular-admin-roles.md).

## Procedure

1. Navigate to **All** &gt; **Now Experience Framework** &gt; **Theme Builder**.

The Theme Builder landing page appears in the Home page view.

2. Use the Page drop-down list to select the Editor page view.

\[Omitted image "tb-editor-page-list.png"\] Alt text: Page drop-down list with Editor selected.

3. From the Theme drop-down list located in the header bar, select the theme that you want to edit.

The **Global styles** tab opens automatically with the Overview panel displayed.

\[Omitted image "tb-editor-page-view.png"\] Alt text: Example view of the Editor page.

4. From the Global styles Overview panel, navigate to the Typography section and select the current font listed in the **Default font family** field.

\[Omitted image "tb-overview-typography.png"\] Alt text: Overview panel with Typography section.

5. Select a new font from the list of fonts.

\[Omitted image "tb-pick-default-font-modal.png"\] Alt text: Pick a default font modal with Open Sans selected.

**Note:** Use the preview pane within the modal to view the font face variations of each font. If you have uploaded any custom fonts, they will appear as selectable options in the modal.

6. Select **Save**.

7. Use the **Abstract UI** or **Experience** preview tabs on the main stage to view how your new font appears globally throughout your theme.

Depending on their size, custom fonts can inadvertently adjust the amount of text on the page. Test and preview your fonts before publishing your theme to your instance.

## Result

Your new font is displayed as the Default font family and applied globally to your theme. If you want to upload a custom font, see [Upload a custom font to your theme](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/upload-custom-font.md).

If your theme is published, your edits are visible to users who have your theme applied on refresh. For information on publishing your theme, see [Publish your themes with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/tb-apply-theme.md).

**Parent Topic:**[Working with Global styles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/platform-user-interface/working-with-global-styles.md)