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-fonts directory, 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

worldmaker February 24, 2022

It wants to upload fonts through Media Library. My Media Library blocks the uploads of the font formats. It could be an issue with another plugin controlling the Library, but I have no time to diagnose the issue.

permantente February 13, 2022

Simple and works perfectly with elementor.

luongthanhluan November 23, 2021

Thank you!

livvie November 20, 2021

Doesn't work with all the theme

weboersma November 13, 2021

Looks nice, but does not work with Oxygen Builder

artiux August 31, 2021

I use it on all my websites and it works like a charm!

Read all 35 reviews

Contributors & Developers

“Custom Fonts” is open source software. The following people have contributed to this plugin.

Brainstorm Force

“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.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.