Fonts Plugin
  • Introduction
  • Installation
  • Developers
  • Optimization
    • Optimization Panel
    • Font Loading
  • Basic Settings
    • Base Typography
    • Headings Typography
    • Buttons and Inputs Typography
  • Advanced Settings
    • Branding
    • Navigation
    • Content
    • Sidebar
    • Footer
    • Load Fonts Only
    • Custom Elements
  • Classic Editor
    • Getting Started
  • Gutenberg
    • Getting Started
    • Transformations
  • Custom Font Uploads
    • Custom Font Uploads
  • Debugging
    • Reset All Fonts
    • Force Styles Setting
    • CSS Font Display
    • Clear Fonts Cache
  • Integrations
    • Adobe Fonts
    • Beaver Builder
    • Elementor
    • WPBakery
    • Divi Builder
  • Translations
    • Contributing
  • Fonts Plugin Pro License Key
  • Fonts Plugin Pro Files
  • Updating Fonts Plugin Pro
  • Manual Update
  • Support Access
Powered by GitBook
On this page
  • Customizer
  • Gutenberg
  • Classic Editor

Was this helpful?

  1. Custom Font Uploads

Custom Font Uploads

How to upload font files from your device and use them in WordPress

PreviousTransformationsNextReset All Fonts

Last updated 4 years ago

Was this helpful?

Using the new 'Upload Fonts' interface Pro users can easily upload fonts and then immediately use them in the Customizer, Classic Editor and Gutenberg.

To upload a font, navigate to the 'Upload Fonts' section of the Fonts Plugin menu:

The interface allows you to upload all of the most widely used and supported formats.

You don't need to upload all four file types. We recommend prioritising WOFF and WOFF2 as they are the most optimized.

Once you have added a font it will be instantly available in all of the different interfaces:

Customizer

Gutenberg

Classic Editor

If your font files are not in those formats you can use this tool to convert them -

https://www.fontsquirrel.com/tools/webfont-generator