Get hands-on experience with 20+ free Google Cloud products and $300 in free credit for new customers.

Icons not loading in Cloud Run

Hi, I have been using Cloud Run for the past few months to host my containerized website. I have been having a problem however where the Font Awesome icons I'm using won't load in Cloud Run. My app is built using Sveltekit and when I create a production build locally and run it the icons show up just fine but in production I get the following:

 

 

Warning
Loading failed for the <script> with source “https://kit.fontawesome.com/305c38e820.js”.
envisionly.tech:8:82

 

If you want to see the error your self just go to https://envisionly.tech/

I have tried referencing font awesome from the CDN and also using the NPM package in different ways but nothing will allow it to show up.

2 2 300
2 REPLIES 2

Hello @Envisionly,

Welcome to the Google Cloud Community!

Check your ingress settings for Cloud Run. You can select through different ingress settings:

  • Internal - It is the most restrictive setting. It only allows requests from the following resources. Requests from these sources stay within the Google network. Requests from other sources, such as the internet cannot reach your service.
  • Internal and Cloud Load Balancing - It allows requests from resources allowed by the more restrictive internal setting and external Application Load Balancer. You can use Cloud Load Balancing setting to accept requests from the internet through the external Application Load Balancer.
  • All - Lest restrictive setting. It allows all requests, including from the internet.

If the above option doesn't work, you can contact Google Cloud Support to further look into your case. Let me know if it helped, thanks!

I don't actually have access to support. It's currently set to all and I have the global load balancer set as an intigration for my cloud run service. Is it possible that that's causing the problem with font awesome. Everything else seems to be working perfectly fine.