KADENCE TUTORIALS

How To Add Custom Fonts

Estimated reading: 4 minutes

Adding custom fonts to your WordPress site can be tricky, especially if you are not familiar with coding or web design. Fortunately, there is a plugin that can make this process easier and faster: the Use Any Font plugin.

The Use Any Font plugin is a plugin that lets you upload any font file to your WordPress site and use it in your theme and page builder. You can upload fonts in various formats, such as .ttf, .otf, .woff, or .woff2. The plugin will automatically convert them to web-friendly formats and embed them in your site.

The Use Any Font plugin is compatible with the Kadence theme and Kadence Blocks, which means you can use your custom fonts in the theme customizer and in any font list when editing the page with Kadence Blocks. You can also use your custom fonts in other plugins and themes that support custom fonts.

In this article, we will show you how to add custom fonts to your WordPress site using the Use Any Font plugin and the Kadence theme.

Step 1: Install and activate the Use Any Font plugin

The first step is to install and activate the Use Any Font plugin on your WordPress site. To do this, follow these steps:

  • Go to your WordPress dashboard and click Plugins > Add New in the left sidebar
  • Type “Use Any Font” in the search box and look for the “Use Any Font | Custom Font Uploader” plugin. It should be the first one on the list. Click Install and Activate.
  • Click “Use Any Font” in the left sidebar to open the plugin settings

Step 2: Generate a free API key

The next step is to generate a free API key for the Use Any Font plugin. The API key is required for the plugin to work properly and upload your fonts to your site. To generate a free API key, follow these steps:

  • In the plugin settings, click the “Generate Free Lite /Test API Key” button to get a free key. You will need to enter your email address and agree to the terms and conditions.
  • Click the “Verify” button to verify your email address and activate your key.

Note: The free API key will allow you to upload one free font to your site. If you want to upload more fonts, you can upgrade to Pro (one-time payment of $10 USD) and get unlimited fonts.

Step 3: Upload your custom font

The third step is to upload your custom font file to your WordPress site using the Use Any Font plugin. To do this, follow these steps:

  • In the plugin settings, click the “Upload Font” tab and then click the “Upload Fonts” button
  • Give your font a name and then click “choose file” to upload your font file. We recommend using a .woff2 file to ensure the font works on all browsers.
  • Wait for the upload process to finish and then click “Save Changes”

Note: You can upload multiple font files for different font weights and styles, such as regular, bold, italic, etc. Just make sure you give them different names.

Step 4: Use your custom font in Kadence

The final step is to use your custom font in Kadence theme and Kadence Blocks. To do this, follow these steps:

  • Go to Appearance > Customize in your WordPress dashboard to open the theme customizer
  • In the customizer, you can use your custom font in various settings, such as typography, header, footer, buttons, etc. Just look for any option that has a font list and select your custom font from there.
  • You can also use your custom font in any page or post that you edit with Kadence Blocks. Just look for any block that has a font list and select your custom font from there.

That’s it! You have successfully added a custom font to your WordPress site using the Use Any Font plugin and Kadence theme. You can now enjoy a more personalized and professional look for your site.

Some tips:

  • Leave the “Assign Fonts” tab in the Use Any Font plugin settings empty. Do not change any settings there!
  • If Google Pagespeed Insights shows you “ensure text remains visible during webfont load”, go to the “Settings” tab in the Use Any Font plugin settings and select “Swap” from the dropdown menu next to “Font Display Property”.
CONTENTS