Font Hero

Beaver Builder

YouTube Video Placeholder

In this blog post, we will be discussing the integration of Beaver Builder with Font Hero, a tool that allows users to access a wide variety of fonts for their website. We will also demonstrate how to use Font Hero within Beaver Builder to change the font family of your website.

Firstly, let’s take a look at how to register your font families within Font Hero. On the Font Hero tools page, you can register your font families under the categories of Headline, Sub-Headline, and Body. Once these font families have been registered, they can be easily accessed within Beaver Builder.

Next, let’s create a new page in Beaver Builder. After giving it a title, publish the page and launch Beaver Builder. Once you’re in the builder, drag a Heading element onto the page and add the text “This is a test title” for demonstration purposes. Now, let’s take a look at how to change the font family of this heading using Font Hero.

Within the Styles section of the Heading element, navigate to the Fonts section and select the System option. Here, you will be able to see all three font families that you previously registered in Font Hero. To change the font family of the Heading element, simply select the Headline category and choose the desired font family from the dropdown menu. The changes will be applied immediately within the Beaver Builder editor, as well as on the front end of your website.

But what if you want to use a font that is not within the font families that you registered in Font Hero? No problem! Simply open the Font Hero tools page and choose a new font from the extensive selection available. After selecting the font, reload the page and you will see that the font of your Heading element has been changed to the newly selected font.

In conclusion, the integration of Beaver Builder with Font Hero allows users to easily access a wide variety of fonts and change them within their website builder. With this tool, users can create beautiful, unique websites that stand out from the crowd. We hope that you have found this blog post helpful and informative. Happy designing!