Custom font works across my site, except mobile navigation

Hi there! 

I'm trying to change the font of the Mobile Menu Navigation links to match my other headings, I've tried multiple arrays of CSS but nothing seems to be changing it. 

The code I currently have on the site is: 

// CUSTOM FONT

@font-face {

font-family: 'ROXBOROUGH-CF-BOLD 2';

src: url(https://static1.squarespace.com/static/63331b428b94d176d8ed3b0c/t/63b328715581f14c4a5a332e/1672685682361/roxborough-cf-bold+2.ttfhttps://static1.squarespace.com/static/63331b428b94d176d8ed3b0c/t/63b328715581f14c4a5a332e/1672685682361/roxborough-cf-bold+2.ttf);

}

 

h1 {

font-family: 'ROXBOROUGH-CF-BOLD 2';}


h2 {

font-family: 'ROXBOROUGH-CF-BOLD 2';}


h3 {

font-family: 'ROXBOROUGH-CF-BOLD 2';}


h4 {

font-family: 'ROXBOROUGH-CF-BOLD 2';}


.sqsrte-large {

font-family: 'ROXBOROUGH-CF-BOLD 2';}



p {

font-family: 'PROXIMA NOVA';}


.sqsrte-small {

font-family: 'ROXBOROUGH-CF-BOLD 2https://static1.squarespace.com/static/63331b428b94d176d8ed3b0c/t/63b328715581f14c4a5a332e/1672685682361/roxborough-cf-bold+2.ttf';}

//DESKTOP//
.header-nav-item a {
    font-family: 'ROXBOROUGH-CF-BOLD 2';
}

//MOBILE//
.mobile-primary-nav-links {
    font-family: 'ROXBOROUGH-CF-BOLD 2' !important;
}

I've also noticed that mailing list sign up titles have not changed, or the mobile navigation button. 

Any help would be wonderful! Thank you. 

Elliot 🙂

Hi,

What is site url? We can check code easier