Unknown font error

Store Design
, ,

Topic summary

Issue: Custom fonts are not loading in the Shopify Symmetry theme after being added.

Context and steps taken:

  • Fonts were uploaded to the Assets folder.
  • References were added in theme.liquid (Shopify theme layout file).
  • @font-face rules were added in main.css (site stylesheet).
  • Screenshots of theme.liquid and main.css with an indicated error were provided (details not visible here).

Latest guidance:

  • Verify the exact font file names and paths match what’s referenced (including correct syntax and casing).
  • Hover over the error line in the editor to read the specific error message.
  • Ensure the referenced font files actually exist in Assets with the exact names used.

Status:

  • No confirmed resolution yet; awaiting the original poster to check filenames/syntax and report back.

Open items:

  • Identify the specific error indicated in the editor and confirm whether mismatched filenames or incorrect paths are the cause.
Summarized with AI on January 2. AI used: gpt-5.
1

Hi there,

I am going crazy trying to find my error in getting my custom fonts live on the symmetry theme.

I have

  1. Uploaded the fonts to the asset folder.
  2. Added the reference to my theme.liquid.

Screenshot 2024-03-20 at 9.39.59 AM.png
Screenshot 2024-03-20 at 9.39.59 AM.png542×370 26.3 KB

  1. Added the fonts in my main.css.

Screenshot 2024-03-20 at 9.40.45 AM.png
Screenshot 2024-03-20 at 9.40.45 AM.png452×476 23.3 KB

Can anyone help me find my error?

Thank you!
Frankie

2

Hi @frankie_101

This is Richard from PageFly - Shopify Page Builder App

You can check the file name of the error font to see if its corrected syntax, or if you have input the correct file name or not.

Also you can move your mouse and hover to the error line to see what is the error.

Just make sure you have created that file with a correct name

Hope this can help you solve the issue

Best regards,

Richard | PageFly