Change Navigation Font - Code

Howdy folks! Im looking to change my navigation links to the Pix Chicago font that ive uploaded to my site but for some reason the navigation font isn't changing. Ive included screen shots of it not changing as well as the font for the footer being changed. Any suggestions on how to fix the navigation font so I can begin working on my site?



 

@font-face {
font-family: 'pixChicago';
src: url('https://static1.squarespace.com/static/5ea6be3f96fbb93f52b6556d/t/650c31d998d8c86e0c337d96/1695298009204/pixChicago.ttf');
}

h1 {
font-family: 'pixChicago' !important;
}

h2 {
font-family: 'pixChicago' !important;
}

h3 {
font-family: 'pixChicago' !important;
}