Top
Customize fonts in Whatfix content or widgets
  • 18 Sep 2025
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Customize fonts in Whatfix content or widgets

  • Dark
    Light
  • PDF

Article summary

Customize the font for your Whatfix content and widgets. Previously, customizing fonts required Advanced Customization (AC) code. With the Font Customization feature, you can choose your preferred font from a list of options. Once the font is saved, Whatfix applies the chosen style globally to all end-user facing content and widgets. The feature ensures font alignment between Whatfix content and the application where you are creating the content.

Note:

Whatfix enables Account Managers and Content Managers to customize fonts for content and widgets.

Whatfix supports the following fonts:

Fonts supported by Whatfix

Font nameHow it looksFont nameHow it looks
AlegreyaAlegreya_fontOpen SansOpen_Sans_font
AntonAnton_fontOswaldOswald_font
ArimoArimo_fontOxygenOxygen_font
BarlowBarlow_fontPT SansPT Sans_font
BitterBitter_fontPT SerifPT_Serif_font
Courier PrimeCourier prime_fontPlayfair DisplayPlayfair_display
DosisDosis_fontPoppinsPoppins_font
Fira SansFira_Sans_fontQuicksandQuicksand_font
InterInter_fontRalewayRaleway_font
LatoLato_fontRobotoRoboto_Font
Libre BaskervilleLibre_Baskerville_fontRoboto flexRoboto_Flex_font
LoraLora_fontSlaboSlabo_font
MerriweatherMerriweatherSoraSora_font
MonsterratMontserrat_fontSource SansSource_Sans_font
MuktaMukta_fontTitillium WebTitlium_web
Nanum GothicNanum_Gothix_fontUbuntuUbuntu_font
Noto SansNoto_Sans_fontWork SansWork_Sans_font
Nunito SansNunito_Sans_font

Use the following steps to customize Fonts:

  1. On the Whatfix Guidance dashboard, click Style.
    image.png

  2. Click Font.
    click_font

  3. Click Change font.
    click_change_font

  4. Choose your preferred Font from the available options.
    choose_font

    Note:

    When you choose the Application Font option, Whatfix uses the same font as the main application where you are creating the content. The font specified in the body tag of the main application will be inherited and applied to tooltips in Flows, Smart tips, and Beacons. However, widgets such as Pop-up, Self Help, and Task List, which are contained within iframes, will use the Open Sans Font.
    choose_application_font

  5. Click Select.
    Click_Select

    Note:
    • The selected font applies globally to all Whatfix content and widgets. To preview the changes, use the Preview mode on Whatfix Studio. For more information on using Preview mode, see How to use Preview mode to review content?
    • Once previewed, you must Publish these changes to reflect for your end users.
    • Font changes made to content or widgets that are already in Production need to be moved back to Draft and then published again for them to be updated with the new font.
    • Font changes made to content or widgets that are in the Draft or Ready stages appear as soon as you configure and save the font.
    • Currently, Whatfix does not support the custom upload of fonts. However, you can use Advanced Customization (AC) to add custom fonts to your content or widgets.

Was this article helpful?


Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.