Install Custom Fonts in Florence Theme

ALL ARTICLES IN Florence Theme

  • Shop the Post Widgets

  • Homepage V2 – Blog Version – Editing

  • Florence Customizer Settings

  • Using Custom Fonts in the Page Editor in Florence Theme

  • Using Generic Fonts Instead of Custom Fonts

  • Using & Applying Custom Fonts in Florence Theme

No other articles found.


Applies to Themes

The Florence theme supports both Kadence’s built-in fonts and custom fonts that you upload yourself.

If you imported the demo content, the site may initially appear with incorrect fonts. This is expected—those demo fonts must be uploaded and connected locally before they display properly.

Follow the steps below to upload and activate the theme fonts.

Watch the Video

Step 1 – Confirm the Custom Fonts Plugin is Activated

Before uploading fonts, make sure the required plugin is active.

  1. In your WordPress dashboard, go to Plugins → Installed Plugins.
  2. Confirm the plugin Custom Fonts – Host Your Fonts Locally is installed and activated. If not, search for and activate the plugin.

This plugin is included with the demo import, but it’s always good to double-check.

Step 2 – Open the Custom Fonts Library

  1. In the WordPress dashboard, go to Appearance → Custom Fonts.
  2. You should see two placeholder fonts already listed.

These fonts were included with the theme demo content and just need to be connected to the correct font files.

Step 3 – Connect the First Demo Font

  1. Click Edit on the first font in the list.
  2. On the left side, you’ll see several “Font Files Chosen” fields.
  3. Click Choose File on the first field.
  4. Select Media Library.
  5. Locate the file labeled Italic Weight (this is the correct file for this font).
  6. Click Select.

Repeat this process for all font file fields.
As you upload them, you’ll see the font preview update on the right side.

  1. Once all files are selected, click Save Font.

Step 4 – Connect the Second Demo Font

Now repeat the process for the second font.

  1. Click Edit on the second font.
  2. Click Choose File for each of the font file fields.
  3. This time select the font labeled Condensed Weight (without “italic” in the name).
  4. Repeat for all four file fields.
  5. Once finished, click Save Font.

You should now see both fonts updated in the Custom Fonts list.

Step 5 – Add the Accent Script Font

The Florence theme also uses an accent script font.

  1. Click Add New Font.
  2. Name the font Curly Script (or whatever script font you prefer).
  3. Click Choose File.
  4. Upload the script font file.
  5. Click Use Font. Since this script font is only using one weight (thickness), you don’t need to worry about additional font styles.
  6. Click Save Font.

Step 6 – Confirm the Fonts Are Applied

Return to the live view of your website. If you uploaded the recommended fonts, you should see the site automatically update with the correct typography. This happens because the Florence theme is already configured to use those fonts once they are available.

If you chose to use a different accent/script font, we’ll need to take a few extra (but quick!) steps to get that to show. See the article Using & Applying Custom Fonts in Florence Theme for that!

Last updated on March 10, 2026

Previous Article