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

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! 🙂

Link to comment
  • Replies 4
  • Views 299
  • Created
  • Last Reply

@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:

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

.header-nav-item a {
  font-family: 'mki-deathmetal';





Link to comment


This topic is now archived and is closed to further replies.

  • 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.