Adding custom fonts (dawn theme)

Topic summary

A user is attempting to add the CaliforniaGothic-Regular custom font to their Shopify store’s headers (seoulstation.ch) using the Dawn theme, but the font isn’t displaying despite uploading woff2 files as new assets and adding CSS code to base.css.

Attempted Solutions:

  • One contributor suggested adding @font-face code to theme.liquid file above the tag instead of base.css
  • The original poster confirmed the font still doesn’t apply/show after implementing this suggestion

Current Status:

  • Another user identified the issue: fonts need to be uploaded via the Files section rather than as assets
  • A reference link to detailed instructions for the correct upload method was provided
  • The discussion remains unresolved as the poster hasn’t confirmed whether the Files upload method worked
Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Hi!

on www.seoulstation.ch : I tried to setup the font CaliforniaGothic-Regular for headers by:

  1. Uploading the woff2 files in “new assets”

  1. adding the CSS file at the bottom of the base.css:

Yet the new font does not show: why? Thanks for your help!

Hey @10xfuel

I’m guessing you wanna apply this font so try this code instead.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

thanks for your help! Yet the font is not applied/visible: the headers should look like this:
https://www.mattlag.com/californiagothic/

Hi @10xfuel ,

You need to upload the font at Files.

You can follow the instructions below, it will display fine: https://community.shopify.com/post/2790161