Jump to content

Change the font in my Nav bar to a custom font

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Hi guys - extremely novice coder in need of very basic help.

I can't seem to figure out why the custom font I have uploaded doesn't seem to be working for my navigation bar. I've tried every variation of code I could find on this forum and on google/youtube videos, and I'm just not sure what im doing wrong. Any sort of help would be greatly appreciated!

 

Screenshot 2024-07-14 at 2.41.27 AM.png

Posted
41 minutes ago, kcroy45 said:

Hi guys - extremely novice coder in need of very basic help.

I can't seem to figure out why the custom font I have uploaded doesn't seem to be working for my navigation bar. I've tried every variation of code I could find on this forum and on google/youtube videos, and I'm just not sure what im doing wrong. Any sort of help would be greatly appreciated!

 

Screenshot 2024-07-14 at 2.41.27 AM.png

Can you share your URL here and we can check it easier?

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

📑 Squarespace embed PDF popup (affiliate link)

Posted (edited)

Yes, sorry about that! It's kasteelcroy.me 

And then quick update to my question. My site was showing the custom font in the heading and button areas like I had wanted 2 days ago, but today when I went to take another crack at the nav bar everything reverted back to the old font. I hadnt changed anything from the code that was in that ss.
 

I tried cleaning up the code a bit and adding in font sizes, but no luck it's still displaying the old font.

Screenshot 2024-07-16 at 6.48.41 PM.png

Edited by kcroy45
additional issue with my code
  • Solution
Posted

I see you use this CSS for nav bar, however it is incorrect id

header-nav-item * {
    font-family: 'TAY Bone Quixote' !important
}

header-menu-nav-item * {
    font-family: 'TAY Bone Quixote' !important
}

it should be

div.header-nav-item * {
    font-family: 'TAY Bone Quixote' !important
}

div.header-menu-nav-item * {
    font-family: 'TAY Bone Quixote' !important
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.