Add New Font

[ellacoker]

Hello,

I am trying to add a font to my shopify store for my main headings. I have followed other posts and have 1. uploaded the font as a woff.2 asset, then added the attached code in my base.css. However, it is still not working? Is someone able to assist me please? Thank you very much.

Ella.

URL: https://www.livwithin.com.au/

[Guleria]

Hello @ellacoker ,

1. Upload the fonts under content → files
2. Use this format in css
   @font-face {
   font-family: ‘your-font’;
   src: url(‘https://cdn.shopify.com//your-font.woff’) format(‘woff’),
   url(‘https://cdn.shopify.com//your-fonts.woff2’) format(‘woff2’);
   }

Regards
Guleria

[ellacoker]

Hello - I have just done that, please see screenshot. Still not working though?

[Guleria]

Make sure to change the font-family name with real one.

[ellacoker]

still not working - is this right?

[Guleria]

Yes it’s right.
a few things you need to crosscheck.

1. Call fonts at the top of the css file.

2. Make sure the font-family is assigned to elements properly.

3. make sure the font files name and format is correct.

[ellacoker]

Okay, I have just called out H1, and when you say “call fonts at the top of the css file” are you referring to the screenshot?

Still no luck.

[Guleria]

I’m using it the same way in different stores and it works everywhere.
With your screenshots I can’t find what’s the issue btw mot probably issue is font-family name is wrong

[ellacoker]

Where can I find exactly what the font family name should be? I have just attached the file itself that I have uploaded to the file section - should it be this? “Fontspring-DEMO-goldenbook-regular”