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"
-
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, thensans-serif). - Font names with spaces must be enclosed in quotes.
- The first font (
-
CSS Definition: Provide the
@font-facerule 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.