NO BUG: Font family displays on the frontend of Wordpress but not on the live website

Browser: Chrome 110
OS: Windows
URL: https://meridianinflux.com/

Hello Bricks Community,

I’ve recently decided to translate my portfolio website built with Bricks into Bulgarian using the Polylang integration. My original site in English uses the Poppins font. However, since Poppins doesn’t support Cyrillic, I decided to switch to Nunito Sans for the Bulgarian version.

While making changes in the WordPress frontend, the font displays correctly. However, on the live website, the font isn’t displayed as Nunito Sans but Times New Roman (I guess the default). I’ve double-checked with the browser’s Inspect Panel, but I couldn’t find any issues or overrides.

On another note, I’ve noticed the builder’s UI switches to Bulgarian when I’m editing the translated page. Is there a way to keep the builder UI in English at all times?

I would appreciate any insights or assistance from fellow Bricks users who might have encountered similar issues or have solutions to those problem. Thanks in advance.

Edit: The font family displays properly on the live website on mobile.

Hi @torm24,

I’m assuming this header gets the correct styles but the font name is set to “Heading Text”, so when the paragraph text gets set to “Nunito Sans” it doesn’t take any effect. Could it be an issue with how you added the custom font?:

But if that’s the correct font the header, you might need to try clearing your cache, especially given that you said it works on mobile.

As for the builder, you can set a specific language for the builder at Bricks > Settings > Builder > Language from the WordPress dashboard.

@charaf Thanks for the response,

I have cleared the cache multiple times and also I haven’t uploaded a custom font, Nunito Sans is a Google font integrated in Bricks. I’ll provide a video for more context around the problem: https://youtu.be/2GPbWmLJXFc

Thanks in advance!

Hi @torm24, thank you for the video explanation.

Since it’s working when you view it as a logged in user there could be a number of reasons why this is going wrong. I would first try disabling all plugins and seeing if it’s a plugin causing the issue. If not, I would disable all cache (plugin or server side) & any CDNs. Other than you may also look at the server logs for some clues.

Let me know how that goes!

Hi again,

The first thing that I did was installing a custom font to check out if the problem is related to the Bricks’ Integrated Google fonts and it occurs there might be some kind of confilict because custom fonts work perfectly. Hope that doesn’t happen to me in the future because I use the integrated Google fonts all the time :sweat_smile:. Thanks for the help!

Edit: Hey! You were right - I disabled the SiteGround Optimizer plugin and the text now appears properly. Now I should weigh the benefits between using the Optimizer or using custom fonts instead of Google fonts, I’ll probably go for the latter, thanks again.

1 Like

Glad it was resolved :slight_smile: