Custom font not working on other devices

Topic summary

Custom fonts (Sunliner Revival for headings, Urbanist for body) load on the owner’s desktop but not reliably on other devices. Sunliner appears closer to working; Urbanist often falls back to a default font.

Suggested fixes focused on proper font handling: use multiple formats (.woff2, .woff, .ttf), define @font-face correctly, and ensure correct URLs depending on storage location. If fonts are in Assets, use the asset_url filter; if in Files, use the full CDN path.

A key diagnosis noted Urbanist @font-face rules referenced only filenames, unlike Sunliner which used a full /cdn/shop/files path. Updating Urbanist to full paths was advised.

Actions taken: fonts uploaded in multiple formats to Assets, CSS updated with @font-face and applied to headings/body, caches cleared. The store owner granted collaborator access and shared an email; the developer began making changes and requested checks.

Latest update: the owner still sees a fallback font on some devices (screenshot provided), while another participant reports the font working on mobile. Status: partially working; final fix pending developer’s code adjustments and verification across devices.

Summarized with AI on December 12. AI used: gpt-5.

Hey @Anonymous ,

Can you please check now? Also, it’d be great if you can share you email so that I can share the code changes I made.

Edit: Allow me a few minutes to make the final changes.

Best,
Shubham | Untechnickle