Impact template - CSS - custom fonts for main navigation and buttons

I've managed to add custom CSS fonts to my headings and main body text, but can't find any code that will change allow me to assign my custom font to the main navigation or buttons in the image blocks (overlap and collage). I'm on the Impact template and have tried so many different types of code.

@StefanieBuma You can use this code for Nav

.Header-nav-item {
 font-family: Your Font Name !important;
}

You should share url to check buttons

@tuanphan I am having the same issue. The code above worked for my primary nav, but would like to implement for secondary nav and buttons too - any chance you can help? 

My website is www.jenbeattie.co for reference

Thank you!

Hi @Jen-Beattie

.Header-nav-inner {             
                          font-family: 'Comfortaa';
}

Magne

3 hours ago, Jen-Beattie said:

@tuanphan I am having the same issue. The code above worked for my primary nav, but would like to implement for secondary nav and buttons too - any chance you can help? 

My website is www.jenbeattie.co for reference

Thank you!

nav.Header-nav.Header-nav--secondary .Header-nav-item {
    font-family: font name !important;
}

Hi @tuanphan

I'm encountering the same issue. I cannot change the font of my navigation and the font in certain buttons (such as the contact button).

Would you be so kind to help me out?

Website : https://walrus-accordion-n487.squarespace.com

Password : lavande

Thank you so much ! 

19 minutes ago, Ellenhbs said:

Hi @tuanphan

I'm encountering the same issue. I cannot change the font of my navigation and the font in certain buttons (such as the contact button).

Would you be so kind to help me out?

Website : https://walrus-accordion-n487.squarespace.com

Password : lavande

Thank you so much ! 

header#header * {
    font-family: 'Sackers Gothic Light AT';
}