Google Fonts Not Loading (http 400) - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Google Fonts Not Loading (http 400)

Y

Yoshiya Magaña Martinez

Template 2 weeks ago

Hi,

The Google fonts stopped loading on the frontend of my template "Fortune", which is up to date. The requests to load them from the Google Fonts API return an HTTP 400:

https://fonts.googleapis.com/css?family=%22Heebo%22:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap

https://fonts.googleapis.com/css?family=%22Lora%22:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap

The issue seems to be that there are quotes (%22) around the font family name in the URL. When I remove that, the URL works fine, such as:

https://fonts.googleapis.com/css?family=Heebo:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap

https://fonts.googleapis.com/css?family=Lora:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap

This seems to be a bug in the Helix framework(?). How to fix it?

Thanks in advance.

0
Website
https://eguzkisolar.com
4 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 weeks ago #205992

Hello Yoshiya Magaña Martinez,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing.

I have checked the Fortune Template Quickstart. The Heebo font loads fine on my end. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup before sharing.

Also share a screenshot of your issue to understand it better. Take a screenshot and share via any platform. For example: Lightshot or Imgur

Best regards

0
Y
Yoshiya Magaña Martinez
Accepted Answer
2 weeks ago #206006

Hi,

you can see the http 400s in the browser console errors on the homepage, for example.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 week ago #206063

There is no error on the console:

prnt.sc/fMy0CGwv12k-

I have changed body font to Heebo.

prnt.sc/JAHg8DtXZbNs

0
Y
Yoshiya Magaña Martinez
Accepted Answer
1 week ago #206150

Hi,

In Safari you can see the errors in the console: https://prnt.sc/9wZ8V3FZHhGn In Chrome you can see the errors in the "Issues" tab: https://prnt.sc/Udml0OFqUr2p If you check the source code of the page you can see the fonts are being loaded twice: once with quotes which leads to the http 400, and once without the quotes which is loaded fine: https://prnt.sc/KE2K470g29lE . They should only be loaded once and without quotes.

0