---
sourceDocument: Australia ServiceNow AI Platform user interface
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/platform-user-interface

 Release :

    - australia

ft:locale :

    - pt-BR

ft:publication_title :

    - Australia ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Add a font face

# Add a font face {#ariaid-title1}

* Versão de lançamento: Australia
* 
* Atualizado 12 de mar. de 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Add a new style such as bold or italic to your custom font family in Theme Builder.

## Antes de Iniciar

Role required: ui_builder_admin

For information on granular roles, see [Granular admin roles](https://www.servicenow.com/docs/access?context=granular-admin-roles&version=australia&pubname=australia-platform-security&ft:locale=en-US).  
Nota:  
Upload a custom font family before adding individual font faces. This ensures each style is correctly grouped under its font family.

## Por Que e Quando Desempenhar Esta Tarefa

Font faces are applied individually to components, as needed. Theme Builder does not yet support variable type fonts.

## Procedimento

1. Navigate to AllNow Experience FrameworkThemesTheme 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.  
   Figura 1. Page drop-down list
3. From the Theme drop-down list, select the theme that you want to edit.  
   The Global styles tab opens automatically with the Overview panel displayed.Figura 2. Editor page view
4. Under Manage custom fonts, locate and expand the font family where you want to add a font face.  
   Nota:  
   You can also add the font face directly from the Typography panel.
   Figura 3. Global styles Topography panel ![Global styles Typography panel.]()
5. From the Add font face field, select the Plus sign.  
   Figura 4. Add font face ![Add font face field with Plus sign highlighted.]()  
   The Add font face modal appears.
6. Select Browse, choose your font face file from your computer's file browser, and select Open.  
   Alternatively, drag your font face file from your computer's file browser and drop the file directly into the modal.  
   Nota:  
   Make sure that the font face meets the following guidelines or the file isn't saved.
   * Under 2 MB
   * WOFF, TTF format
   {#add-font-face__ul_vn4_yfm_rfc}
7. Select Save.  
   The new font face is displayed under your custom font family.

## Resultado

Now that you have added a font face, [you can apply it to individual components for more precise styling](https://servicenow-prod.fluidtopics.net/F3T8GG6xyIpJEa3F_~w8Ig "Edit Theme Builder individual components to better suit your brand and to meet accessibility compliance standards. The theme hooks that you can edit are specific to each type of component."). For information on deleting a font family or font face, see [Delete a custom font from your theme](https://servicenow-prod.fluidtopics.net/V0GcvLI8GNLg~GvU~fWGqg "Delete and remove a custom font family or font face you no longer need from your Theme Builder theme.").