We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Adding custom fonts (dawn theme)

Adding custom fonts (dawn theme)

10xfuel
Pathfinder
134 0 15

Hi!

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

1. Uploading the woff2 files in "new assets"

10xfuel_0-1730195748788.png

 

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

10xfuel_1-1730195794700.png

 


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

 

Replies 3 (3)

Moeed
Shopify Partner
7764 2082 2567

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 </body> tag

<style>
body {
    font-family: 'CaliforniaGothic-Regular' !important;
}
</style>

RESULT:

Moeed_0-1730196629689.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


10xfuel
Pathfinder
134 0 15

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

namphan
Shopify Partner
2777 358 407

Hi @10xfuel,

You need to upload the font at Files. 

You can follow the instructions below, it will display fine: https://community.shopify.com/c/shopify-design/correct-an-error-after-adding-a-custom-font-the-wrong...

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com