Changing navigation font in 7.1?

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

@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';
  }

Hi!

Thanks for the fast reply.

I did upload the ttf font file to Squarespace.
I'm out at the moment but I'll try this method as soon as I get home!

Thanks once again 🙂

@viraksreyThanks worked great!

happy to hear it! 😊