Help Changing Font - Nav Bar Buttons

Hey everyone

I have a specific font that I'm using on my website but i cant seem to change the font on the nav bar buttons - The buttons are the ones in the screen shot below:

I have the custom font files but i just need pointing in the righjt direction in how to apply the font to these buttons.

Any help would be much appreciated, thanks !

23 minutes ago, SW89 said:

Hey everyone

 

I have a specific font that I'm using on my website but i cant seem to change the font on the nav bar buttons - The buttons are the ones in the screen shot below:

 

I have the custom font files but i just need pointing in the righjt direction in how to apply the font to these buttons.

Any help would be much appreciated, thanks !

Can you share your website URL?

15 minutes ago, SW89 said:

Hey everyone

 

I have a specific font that I'm using on my website but i cant seem to change the font on the nav bar buttons - The buttons are the ones in the screen shot below:

 

I have the custom font files but i just need pointing in the righjt direction in how to apply the font to these buttons.

Any help would be much appreciated, thanks !

If you know how to target those buttons (right-click the text and click INSPECT ELEMENT so you can grab the class name), you can follow this guide to get custom fonts installed correctly.

https://www.adlyticmarketing.com/blog/squarespace-using-custom-fonts

1 hour ago, Vigasan said:

If you know how to target those buttons (right-click the text and click INSPECT ELEMENT so you can grab the class name), you can follow this guide to get custom fonts installed correctly.

https://www.adlyticmarketing.com/blog/squarespace-using-custom-fonts

Hey thanks for the reply

So I right clicked on one of the buttons and got this:

I'm not tech savy so I dont know what I'm looking out for here, could you tell me from that what the class name is?

2 hours ago, Web_Solutions said:

Can you share your website URL?

Hey it's

https://cow-purple-nwsx.squarespace.com/

Just now, SW89 said:

 

Hey it's

https://cow-purple-nwsx.squarespace.com/

So you would use something like the following.

.header-nav-item a{
   font-family: YOUR_FONT !important;
}

Use the link I provided above to set up the font properly for use as well.

52 minutes ago, Vigasan said:

So you would use something like the following.

.header-nav-item a{
   font-family: YOUR_FONT !important;
}

Use the link I provided above to set up the font properly for use as well.

This is what I've done but it doesnt seem to work for the buttons that I mention. It works for everything else apart from the header buttons - this is what I currently have in the Cystom CSS box: