Kadence - How to Add Custom Fonts

Kadence is compatible with the Use Any Font plugin. Let me walk you through how to set it up:

Use Any Font will allow you to upload 1 free font. Upgrade to Pro to upload unlimited fonts.

1. Navigate to your WordPress dashboard and in the left sidebar click Plugins > Add New
2. Search for "Use Any Font" and find the "Use Any Font | Custom Font Uploader" plugin. Install and activate.
3. In the left sidebar, click "Use Any Font" to open the plugin settings and then click the "Generate Free Lite /Test API Key" button to generate a free key. Click the "Verify" button.
4. Next, click the "Upload Font" tab and then click the "Upload Fonts" button
5. Name your font and then click "choose file" to begin uploading your font. I recommend a .woff2 file to ensure the font will display on all browsers.
6. All done! You'll now be able to select this font in the customizer and in any font list while editing the page with Kadence Blocks.

Tips:

• Do not assign any settings in the "Assign Fonts" tab. Just leave it blank!
• If you're seeing "ensure text remains visible during webfont load" in Google Pagespeed Insights, go to the "Settings" tab and next to "Font Display Property", choose "Swap" from the dropdown.