Settings
Custom Fonts

Custom Fonts

All Google Fonts are already available in the dashboard — no need to add them manually.

Prerequisites

You need a .zip file containing your custom fonts. This file must include one of the following font formats:

  • .ttf (TrueType Font)
  • .otf (OpenType Font)
  • .eot (Embedded OpenType)
  • .woff (Web Open Font Format)

Additionally, the .zip must include a font.css file that defines the @font-face rules. The CSS should follow this structure:

@font-face {
  font-family: 'CustomFontName';
  src: url('path/to/font-file.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

Installation Steps

  1. Open the Custom Fonts Page: Navigate to Settings > Custom Fonts in the sidebar.
  2. Upload the .zip File: Click the Add Fonts button in the top-right corner.
  3. Select the .zip File: Choose the .zip containing your custom font files and font.css.
  4. Match the Font Name: Enter the exact font-family name as defined in font.css. For example, if your CSS includes font-family: 'CustomFontName';, then enter CustomFontName in the name field.
  5. Save Changes: Click Save to apply the font to your dashboard.

Usage

You can apply your custom fonts in two ways:

  • Globally: Set it as the default font under Settings > General > Styles.
  • Per Widget: Assign it to individual widgets by customizing their style settings.
WidgetsGeneral