I’ve already uploaded my fonts, all the types (eot, wooff, woff2, ttf), to admin files + assets in code editor. I’ve also written the code in snippet > css-theme.liquid. And while the font successfully appears on the live site when I use my own laptop browser to load it, it doesn’t appear or any other device. I don’t understand what I can do allow visitor browsers to be able to access my fonts.
Topic summary
- Issue: Custom fonts render on the author’s laptop but fail to load on other devices viewing the live site.
- Steps taken: Uploaded multiple font formats (EOT, WOFF, WOFF2, TTF) to admin files and theme assets via the code editor, and added CSS in the snippet css-theme.liquid.
- Observation: Only the author’s device shows the intended fonts; other devices appear not to access or apply them.
- Goal: Ensure visitor browsers can successfully load and use the custom fonts across devices.
- Technical note: The listed files are standard web font formats intended for broad browser support.
- Gaps: No details provided about exact CSS rules, file paths/URLs, or error messages on other devices.
- Status: Help requested; no solution or resolution yet.