Change of Font Style in Debut Theme

Solved
Highlighted
Tourist
10 0 3

Hey there, Im trying to change my header fonts on the navigation menu and other headings, from what they are currently to match my other typography in the font 'News Gothic No 2'.

 

I have changed the fonts previously to what they are now but can't for the life of me remember how to change them again. And would like for them to be uppercase too like they are currently.

 

Any help would be greatly appreciated!

 

www.salfordsilver.com

Cooran2020

0 Likes
Highlighted
Shopify Partner
3237 710 860

Hey there,

 

You can change font from assets/theme.scss.liquid file.

Could you please tell me which font you need with navigation and headings ?

Right now it's "Marbe" and "News Gothic No 2", as you said.

 

You can check with your customizer.

1] click on customize button
2] select theme settings -> Typography

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
10 0 3

Thank you for your reply.

I would just like all navigation and headings to also be  "News Gothic No 2" not Marbe.

 

Thanks!

0 Likes
Highlighted
Shopify Partner
3237 710 860

This is an accepted solution.

Hi

Try to add following css in your assets/theme.scss.liquid file

 

.site-nav--centered .site-nav__link {font-family: "News Gothic No 2" !important;}
h1, h2, h3, h4, h5, h6, li, a {font-family: "News Gothic No 2" !important;}


Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
10 0 3

Thankyou that has worked brilliantly on the header headings, but now other titles still remain in the Mabre font rather than news gothic, including the footer and lots of heading styles throughout my pages. Thanks for your help!

0 Likes
Highlighted
Tourist
10 0 3

Ignore that last message, I have sussed it! Thank you once again

Highlighted
Shopify Partner
3237 710 860

If it helpful, please Like and Accept as solution.

This is cost of my time :)

 

Hope you understand that,

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
1 0 0

hello, should we add that code at the bottom line?

0 Likes
Highlighted
Tourist
10 0 3

Yep I did!

0 Likes
Highlighted
New Member
1 0 0

Hey,

 

I am trying to change a font. I'd like Eina font to replace all typography across the website. We have light and bold so two different styles. Light and Semi-bold for headings. 

How would I do this? The above isn't working? 

 

 

 

 

0 Likes