7.0 Custom font for navigation not working

Site URL: https://zoefeldmandesign.com/

Quote

 

@font-face {
    font-family: ‘Nord’;
       src: url('https://static1.squarespace.com/static/5927274186e6c0e239f6d759/t/62c5f608a45ca6185537907d/1657140744904/Nord-Book.ttf');
  }

.Header-nav--primary .Header-nav-item {  font-family: 'Nord' !important; }

 

Custom font above is not working to change the font for the navigation. The font is changing to something, just not Nord. I've double checked by changing other fonts on the website, and the font file is correct. 

Code is currently commented out on the live website. 

The font looks fine to me. Can you take a screenshot on your end?

@tuanphan thanks, please see attached! Nord is a sans-serif font, the nav is showing an incorrect font. I've double checked that the ttf file I uploaded is correct! 

Try this code

.Header-nav-inner * {
    font-family: Nord !important;
}

@tuanphan updated but it's still happening! You can see in the image that the tff file looks correct too. 

It looks like the issue isn't with the nav selector, its with the font (if I try to change another font to Nord, it does the same thing). The ttf file looks correct though. I've deleted and re-uploaded it. Could it be something with squarespace changing to a different default font or something? 

Do you have any other file formats? eg: woff, woff2,...?

@tuanphan thanks for your help! I do have those files - I tried updating that and it's still doing the same thing.

You can declare both format

@font-face {
	font-family: Nord;
	src: url(enter file1 url);
	src: url(enter file2 url);
}