Font downloaded from incorrect URL after migrating site

Dear all,

I have a site – `petcoach.sg. I have replicated these sites to my staging and local environment:

• Staging – staging.petcoach.sg
• Local – local.petcoach.sg

I would like to be able to clone sites between environments. For example, perform any fixes and enhancements in staging/local, and subsequently clone that to production – petcoach.sg

However, the font seems to be downloaded from the wrong location.

The site was initially copied from Production, hence the font is downloaded from petcoach.sg domain. This throws a CORS error when trying to download the relevant fonts:

Upon further review, I noticed that the font is downloaded from an elementor CSS file:

Upon inspection of the source code. The CSS file indeed has absolute URLs specified instead of relative URLs. Understand that this might be intentional, but is there a way to update the Font URL’s based on my site URL — as the location where the font is hosted would be dependent on the environment:

• production fonts would be hosted at petcoach.sg
• uat fonts would be hosted at staging.petcoach.sg etc.

Kindly let me know if there are further details that I can provide.

Please note: I have also tried to regenerate the css files using the elementor functionality. But the css files still indicates that fonts are located at petcoach.sg

I have also tried to update the elementor_fonts_manager_font record in the wordpress options table. However, this also did not yield a successful result

You can view this behaviour at my staging site itself — staging.petcoach.sg

The page I need help with: [log in to see the link]