Jump to content

Changing navigation font in 7.1?

Recommended Posts

Hi there,

I'm currently trying to upload and use my own font for the navigation on my page.

At the moment I have the following - 

"@font-face {
  font-family: 'mki-deathmetal' ;
  src: url(https://static1.squarespace.com/static/604c72a6dad32a12b23fcb3c/t/605202e76f31716950ac7fb3/1615987431446/MKI-Deathmetal.ttf) format ('truetype');
  font-weight: normal;
    font-style: normal;
}
p1 (font-family: 'mki-deathmetal')"

any help would be greatly* appreciated

Edit: 
I would also like to edit the "Shop" text font that's centred under the green gif, If you could help me there to that would be great! 🙂

Edited by kxvvywxvvy
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

@kxvvywxvvy did you upload your font files under Manage Custom files? (I'd recco a woff woff 2 and ttf) you can search ttf to woff converter if you don't have those file types. From there, put this in custom CSS:
 

/* CUSTOM TYPE */
@font-face {
  font-family: 'mki-deathmetal';
  src: url('WOFF2LINKHERE') format('woff2'), url('WOFFLINKHERE') format('woff'), url('TTFLINKHERE') format('ttf');
}

/* NAVIGATION FONT STYLING */
.header-nav-item a {
  font-family: 'mki-deathmetal';
  }



 

 

 

 

Link to comment

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.