Issue: A custom font in the Symmetry Shopify theme appears correct in the theme editor but changes to a different font in preview.
Context and attempts: The user deleted and reuploaded the font; behavior persisted. Two screenshots illustrate the desired vs. actual font rendering.
Findings: The helper identified that the font “SweetSansPro-Regular” is not declared, so the preview falls back to a default font.
Explanation: “Declared” means defining the font via CSS (e.g., @font-face) and applying it properly in the theme’s styles/settings so the font loads and is used on the site.
Guidance provided: A linked Shopify Community article explains how to correctly declare and fix custom font integration.
Latest updates: The user asked if their changes fixed the issue and requested verification. The helper offered to join as a collaborator to inspect and guide the fix directly.
Status: Unresolved; awaiting collaborator access and confirmation after proper font declaration.
Key point: Ensuring the custom font is correctly declared and applied is necessary for consistent rendering between editor and preview.
Assets: Screenshots are central to understanding the visual discrepancy.
I am using custom fonts on the symmetry theme. In the editing its perfect and when i go to preview the font changes something completely different.
I have deleted and reuploaded and it’s still not working. The first photo is what i am wanting and the second is what it changes too!!!
Can someone tell me what i am doing wrong?? Never had this issue before.
Hi @PinkP ,
Please send the website link, I will check it for you
Hi @PinkP ,
Are you referring to the ‘SweetSansPro-Regular’ font? I checked and it is still not declared.
Therefore, it will not receive the font when displayed.
What do you mean by declared?
Hi @PinkP ,
You can follow the instructions in the following article for font declaration.
Have i fixed the issue?
Can you check?
Hi @PinkP ,
Sure, can I send you a collaborator invitation? I will check and guide you to change it
