Optimizing font issues for performance

[Geert]

Optimizing fonts

After analyzing our pages on gtm metrix and yellowlab.tools we see that there’s a problem with fonts.

In builder I used roboto and poppins font from the styles editor. So in my idea there should be two fonts beign used from two files. But when I see the printscreen below there are several fonts rendered / used.

My questions?

1. How can I see why this is happening?
2. And how can those unnecessary file be removed?
3. Is there an option to change those files from ttf format to woff format?

Builder content link

Builder.io: Drag and drop Visual CMS

Builder public api key
d0689e89408f48c29d9edda8d29a6894

Screenshots or video link

GTmetrix Performance Report

Yellow Lab Tools - Page Speed audit

Code stack you are integrating Builder with
React

[manish-sharma]

Hi @Geert,

1. The multiple font files are for different font faces of Roboto and Poppins used by the builder.

2. There is an option of using only inherited fonts under Account Settings → Advanced Settings → Editor which you can toggle to remove builder inbuilt fonts and use your own.
   

   

3. Builder allows you to upload custom fonts, you can know more about them at Adding Custom Fonts