Chat Flow
Settings
Theme
Font

Font Customization

Customize the font of your bot in the Theme tab under the Global section. You can select a font from Google Fonts or define a custom font to match your brand's style.

Importing a Custom Font

To use a custom font, select the Custom option in the font settings. You will need to specify the font family and provide the corresponding CSS with @font-face properties.

Example: Importing "Awesome Font"

  1. Font Family: Define the font stack, listing the primary font followed by fallback fonts, separated by commas. For example:

    "Awesome Font", "Helvetica Neue", sans-serif
    • The first font (Awesome Font) is used if available.
    • If unavailable, the browser tries the next font in the list (e.g., Helvetica Neue, then sans-serif).
    • Font names with spaces must be enclosed in quotes.
  2. CSS Definition: Provide the @font-face rule to load your custom font. For example:

    @font-face {
      font-family: 'Awesome Font';
      src: url('https://example.com/awesome.woff') format('woff'),
           url('https://example.com/awesome.ttf') format('truetype');
    }

The server hosting your font files (e.g., https://example.com/awesome.woff) must support HTTPS and Cross-Origin Resource Sharing (CORS) to ensure proper loading.

Indite Documentation v1.4.0
PrivacyTermsSupport