Font Hero

Bricks Builder

YouTube Video Placeholder

Enhancing Performance with BRICKS Integration and Font Hero


Font Hero offers users the option to self-host their fonts, providing greater control over font files and improved performance. By inspecting individual font faces, users can access several valuable features, such as the font display and swap options.

The font swap option is particularly useful as it allows websites to load the CSS and HTML first, followed by the custom font file. This enables users to view the text without having to wait for the fonts to load, resulting in faster load times and improved performance.

In addition, Font Hero offers a preload option, which is typically used for headlines. This feature enables specific font faces to load before the content is displayed, ensuring that headlines appear instantly without any noticeable delay.

Another important aspect of Font Hero is its support for variable fonts. Variable fonts are a more efficient and lightweight alternative to static fonts, which can lead to significant performance improvements.

Integration with Bricks Builder:

Font Hero integrates seamlessly with the Bricks Builder, allowing users to access font settings and customize font families directly within the builder. The native integration enables users to switch between font families and view the changes in real-time.


In conclusion, the integration of Bricks and the introduction of Font Hero offer numerous performance improvements and benefits for web developers. By leveraging these tools, developers can create more efficient and user-friendly websites, ultimately contributing to the continued growth and success of the global digital economy.