Skip to content
JF Jooosi Fon

Beaver Builder

How to use custom fonts in Beaver Builder.

Beaver Builder A drag and drop frontend WordPress page builder plugin that works with almost any theme!

How to use custom fonts in the Beaver Builder#

You can use any Custom Font, embedding Adobe Fonts or self-hosting Google Fonts in the Beaver Builder easily.

Step 1: Choose the text element#

Choose the text element by clicking on the canvas or the Structure panel.

Choose the text element in Beaver Builder

Step 2: Switch to the Style tab#

On the Element panel, click on the icon to switch to the Style tab.

Switch to the Style tab

Step 3: Open the Typography panel#

Click the Typography menu to expand the panel.

Open the Typography panel

Step 4: Choose the font#

Click the Font family dropdown field to open the list, and select the font family from the System group list.

Choose the font family

Disable the Google Fonts in Beaver Builder#

Beaver Builder uses the Google Fonts Web API to provide users with the Google Fonts collection. To be GDPR compliant, you must disable the Google Fonts in Beaver Builder.

Jooosi Fon forcibly programmatically disables the Google Fonts in Beaver Builder, so you don't need to do anything.