Google Fonts Not Working from Second Element Onward

Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank.

Builder content link
e.g. Builder.io: Visual Development Platform

Builder public api key
go to Builder.io: Visual Development Platform and copy your PUBLIC api key

Detailed steps to reproduce the bug
e.g. Add a text component and assign a Google font through the editing panel, it will work perfectly. When you add another text component and add the same font to this new component, Builder.io considers the @font-face previously added by itself as a font added by my application, thus no longer adding the @font-face from the Builder.io

Screenshots or video link
data.customFonts returned from the Builder.io when successful

data.customFonts returned from Builder.io when error
image

However, I did not add this font ‘Pathway Gothic One’ to my project, only through Builder.io.

Code stack you are integrating Builder with
e.g. NextJS, react, Shopify
NextJS App Router

Reproducible code example
If you are having integration errors, please link to codesandbox or copy and paste your problematic code here. The more detail the better!

Hello @IgorDevJS,

Regrettably, this issue is not reproducible on our end when using builder GEN 1 SDK, therefore, to further investigate, could you confirm the builder SDK version you are using?

Hello @manish-sharma,

Sure, I’m using the GEN 1 version of the SDK.

But this bug has already been reported, and you’re addressing it here:

Hello @IgorDevJS,

I wanted to let you know that we were finally able to consistently reproduce the reported issue with Google fonts on our end, and we believe it may be a bug. Thank you for all your input today. We are currently investigating this further with our internal team and will provide you with an update as soon as we make any progress.

In the meantime, as suggested, please try uploading the Google fonts that are not working in the editor as custom fonts.

Thank you!

Hello @manish-sharma,
That’s great news!
Okay.

Thank you very much!!

Hi @IgorDevJS,

I wanted to confirm that our Engineering team team has developed a fix, which we deployed in our recent release.

Hi @Stephane,

thank you so much!!

1 Like