Change of Font Style in Debut Theme

Solved
SalfordSilver
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
dmwwebartisan
Shopify Partner
7370 1746 2334

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
SalfordSilver
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
dmwwebartisan
Shopify Partner
7370 1746 2334

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
SalfordSilver
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
SalfordSilver
Tourist
10 0 3

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

dmwwebartisan
Shopify Partner
7370 1746 2334

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Sirena13
New Member
1 0 0

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

0 Likes
SalfordSilver
Tourist
10 0 3

Yep I did!

0 Likes
chantelleAcr
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