Menu Close

Custom Fonts

Custom Fonts in Customify Pro lets you upload self-hosted font files and use them in Customify typography controls.

Use Custom Fonts when your site should load its own font files instead of relying on Typekit Fonts, then apply those families through Typography, Logo & Site Identity, and layout modules such as Blog Pro.

Note: Prepare font files you are licensed to host, preferably in modern web font formats such as .woff2 or .woff.

Where to find it

  1. Go to Customify → Dashboard. The Customify dashboard opens.
  2. In Pro modules, switch on Custom Fonts.
  3. Click Settings on the Custom Fonts card. The Custom Fonts admin screen opens from the Customify menu.
  4. To return manually, go to Customify → Custom Fonts. This submenu now lives under Customify.
The Customify Dashboard shows the Custom Fonts module card with the module enabled and the Settings link available.

Add a font family

  1. Go to Customify → Custom Fonts.
  2. Click Add New. A new custom font entry opens.
  3. Enter the Font Family name exactly as you want it to appear in font pickers.
  4. Add each font file with its matching Font Weight and Font Style.
  5. Click Publish or Update. The font family becomes available to Customify.
The Customify admin menu shows the Custom Fonts list screen with the Add New Font button.
The custom font edit screen shows font family fields and upload controls for self-hosted font files.

Font file rows

SettingWhat it controls
Font FamilyThe name that appears in Customify font pickers.
Font FileThe uploaded font file used by the browser.
Font WeightThe weight mapped to that file, such as 400 or 700.
Font StyleThe style mapped to that file, such as normal or italic.

Use the custom font

After the font is saved, open Typography and choose the uploaded family in the relevant font picker. You can also use the family in custom CSS when refining module output with Advanced Styling.

The Custom Fonts panel under the Customify menu shows a saved demo font family and its uploaded font file rows.

Was this helpful?

0

Updated