Description
This plugin helps you easily embed custom fonts files (woff2, woff, ttf, svg, eot, otf) easily in your WordPress website.
Currently, it works with:
How does it work?
- Install the plugin
- Upload the font files in as many formats as possible for best browser compatibility.
- And done. You will be able to see the fonts added in the settings of Astra / Beaver Builder / Elementor. Please refer screenshots.
If you’re not using any of the supported plugins and theme, you can write the custom CSS to apply the fonts.
Screenshots
Add new custom font 
Select your any custom font into the Customizer of Astra Theme
Installation
- Upload the plugin files to the
/wp-content/plugins/custom-fontsdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Use the Appearance -> Custom Fonts -> Add Custom Fonts name, woff2, woff, ttf, eot, otf and svg files.
Reviews
January 25, 2023
1 reply
I finally found an easy solution to locally use Google Fonts, when using Elementor Free version - thank you very much! In the beginning there was a little mistake on other devices than my desktop computer, but I found that was because of an https issue not loading correctly. So everything fine, thanks again!
January 10, 2023
1 reply
Works with Thrive Theme Builder (and other it's plugins) pefectly 🙂 Great plugin!
December 17, 2022
1 reply
One of my most used plugins, i used this plugin on more than 20 sitesvery It is completely consistent with Elementor have option about chosing display font like swap
November 29, 2022
1 reply
This is a great plugin, it is awesome and works as described.
I have to say that this has to be my favourite plugin ever. Also the support is truly amazing: the developer is always very helpful and works with you if you have any problems,
and if there are any problems, he fixes these right away. 5-stars all the way, thank you!!
keep up the great work - it rocks
October 1, 2022
1 reply
This plugin is great and simple to use (all font weights can even be integrated for each font), and I'd love to give it 5 Stars! But there is no simple way to set up italic versions of your font - it could be uploaded and set up as a standalone font, but so you would have to change every single italic glyph on your website to this font (best before changing the over all font, because after you wouldn't see what's italic and what's not). Please implement a little snippet that allows to set up fonts with italic options too. <3
September 26, 2022
1 reply
I Needed to add my custom CSS so it can works, and the injection of the font is working like a charm, thank you very much !
Contributors & Developers
“Custom Fonts” is open source software. The following people have contributed to this plugin.
Contributors
“Custom Fonts” has been translated into 14 locales. Thank you to the translators for their contributions.
Translate “Custom Fonts” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.3.7
- Fix: Custom font’s CSS not applying in responsive previews of WordPress block editor.
1.3.6
- Improvement: Compatibility with Spectra editor.
1.3.5
- Fix: Inherit font option not working as expected for some customizer options.
1.3.4
- Fix: Custom fonts are not loading on Astra customizer and Elementor typography settings after Elementor Pro v3.6.0.
1.3.3
- Fix: Headers already sent warning in customizer.
1.3.2
- Fix: JS conflict with Jetpack plugin on admin.
1.3.1
- Fix: Font not rendered properly when multiple font format files are added for a single font.
1.3.0
- New: Add multiple font weight to the Custom Fonts.
1.2.6
- Improvement: PHP 8.0 compatibility.
1.2.5
- Fix: Font display not added properly.
1.2.4
- Improvement: Hardened the security of plugin
1.2.3
- Fix: Fixed compatibility with other plugins with respect to the admin notice.
1.2.2
- New: Users can now share non-personal usage data to help us test and develop better products. ( https://store.brainstormforce.com/usage-tracking/?utm_source=wp_dashboard&utm_medium=general_settings&utm_campaign=usage_tracking )
1.2.1
- Improvement: Hardened the security of plugin
- Improvement: Compatibility with latest WordPress PHP_CodeSniffer rules
1.2.0
- Improvement: Displaying Menu after Astra options Menu.
1.1.0
- New: Option to select font-display property.
1.0.8
- New: Now you can also upload otf fonts.
- Fix: ttf fonts not being uploaded in WordPress media library.
1.0.7
- Fix: Custom Fonts loading the Block Editor breaking styling of the editor.
1.0.6
- Improvement: Enqueue the custom fonts in the Blocck Editor to correctly prefiew the custom fonts.
1.0.5
- Fix: JavaScript error in the Firefox browser not allowing to upload any fonts.
1.0.4
- New: Added compatibility with Beaver Builder Theme, Beaver Builder Plugin and Elementor.
1.0.3
- Fix: When two custom fonts are loaded on a site, only one of the fonts will be actually enqueued.
1.0.2
- White Label support added from the Astra Pro plugin.
1.0.1
- Improved the design of the Admin UI.
- Changed the plugin name to be Custom Fonts instead of BSF Custom Fonts.
1.0.0
- Initial release.