Now It’s Easier Than Ever to Use Custom Fonts With Astra!

Now It’s Easier Than Ever to Use Custom Fonts With Astra!

Have you ever tried adding custom fonts on a website? Isn’t that little too complex? Well, we have a good news for you. We just released a free plugin for Astra that makes it easy to use custom fonts. Here is it works:

Step 1: Install the Custom Fonts Plugin from WordPress Repository.

Step 2: Upload your font file.

Screen Shot

We’ve provided support for the following font formats.

  • woff2
  • woff
  • ttf
  • svg
  • eot

We recommend you upload the font in as many formats as possible so the fonts would appear in all browsers and look sharp. To see browser support for different fonts, please visit this page.

Step 3: Done!

Once you add the font, go to the customizer where you should be able to see the font that just you added. Just select it for the element you want to apply that font for and you should be done.

Screen Shot

No code necessary! We plan to add support other third party plugins like Beaver Builder & Elementor shortly. We also plan to provide an API shortly for any other plugins or themes that might want to add support for this plugin.

Join 208,419 Subscribers

Get exclusive access to new tips, articles, guides, updates, and more.


  1. WordPress does not allow uploading .woff .woff2 .ttf .eot .svg files out of the box, so how should these be uploaded using the media manager?

    1. When uploading the custom fonts in the custom fonts plugin we enable these font uploads using WordPress’s fonts.

  2. Like STRAGULPETE wote, WordPress 4.9.1 does not allow uploading .woff .woff2 .ttf .eot .svg. I tried to add the ttf Mime to wordpress without success 🙁

  3. I just uploaded and added custom fonts using Elementor, but they don’t show up in the Customiser. Any chance you will begin supporting that since Astra integrates so well with Elementor already?

    It would be nice not to have to add the custom fonts twice with two different systems.

      1. I second that, it would be a great feature to allow Elementor’s custom fonts functionality to work for the customizer in Astra Pro’s theme especially since then you don’t need to have an extra plugin that does the same thing.

  4. Oliver Zeiger


    is it possible to add different styles with the Custom Fonts plug in as I can do it with the elementor user-defined fonts?

    1. Right now you can add font variants as a different font.
      We will be adding an inbuilt option to add font variations in an plugin update.

    1. Right now you will have to add font-weight variants as separate fonts and then you can use them in the plugin. We have it in our plans to adding font-weights support to the plugin.

    1. The plugin cannot detect other fonts being loaded automatically. You will have to manually move the custom fonts from custom code to this plugin.

  5. Easy as pie with Gutenberg! Too bad I killed 3 hours trying to figure out how to do it manually before realizing it was baked right in to Astra. My bad…but gold star for Astra theme!

    To get all the necessary font files for quick-n-easy upload, search for “google webfonts helper”. Makes the whole process a 5-minute affair.

    If you’ve already set the google webfonts in your Typography settings, remember to go back and change to your new locally-hosted versions!

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Like what you read? Leave a comment