Demo site not properly showing custom fonts, URL in stylesheet still showing 'localhost' instead of demo site URL.

[VinnySem1972]

Quick summary

I am using a custom font from Google Fonts that I installed in Twenty Twenty-Four theme editor. The font shows properly in local Studio. When I create a demo site, the custom font is not used. Checking the page source, the stylesheet shows 'localhost:8881' as the domain and not the demo site URL. Upon further searching of the page source, I find a number of instances of uploaded media where 'localhost' in the page source and not the demo site URL.

  | @font-face{font-family:Abel;font-style:normal;font-weight:400;font-display:fallback;src:url('http://localhost:8881/wp-content/uploads/fonts/MwQ5bhbm2POE6V1LPJp6qGI.woff2') format('woff2');}

Steps to reproduce

1. In Studio, select a site with custom font installed and used.
2. On Share tab, select create/update demo site.
3. View shared site.

What you expected to happen

Expected that custom font would be uploaded and used in page text display.

What actually happened

Default font is shown, shared site URL not updated for styling.

Impact

All

Available workarounds?

No but the app is still usable

Platform

No response

Logs or notes

No response

[ChrisBegley]

Thanks for reporting this, I've noticed the same issue. As a workaround, I've added the embed code from Google Fonts so the fonts at least load from Google's servers on the demo site URL.

[Robertght]

I can confirm this is happening with Studio 1.3.3.

localhost	demo

Site: https://unabashedly-sympathetic.wp.build/