Custom font not applying for navigation bar links?

I added two custom fonts into my page with the code below, and they're applying just fine when I add text to pages, but they aren't changing the font of my site navigation links. If I go into Global Text Styles and try to apply the font style to the whole site, the custom fonts I added don't show up in the list. Is there something obvious I'm missing? I'm a novice coder so I've been leaning on internet suggestions - thank you in advance!

// CUSTOM FONT

@font-face {

font-family: 'lekycalgria';

src: url(https://static1.squarespace.com/static/63b5147e4d25e62b0d2f2c98/t/63d81e5c41c71762b269681d/1675107933000/LekyCalgriaPersonalUse-ywJRd.ttf);
}

@font-face {

font-family: 'histeagin';

src: url(https://static1.squarespace.com/static/63b5147e4d25e62b0d2f2c98/t/63d8235c0f1c8b11d2f7ff45/1675109212292/histeagin.ttf);
}

h1 {

font-family: 'lekycalgria';}

h2 {

font-family: 'histeagin';}

h3 {

font-family: 'histeagin';}

h4 {

font-family: 'histeagin';}

.sqsrte-large {

font-family: 'histeagin';}

p {

font-family: 'histeagin';}

.sqsrte-small {

font-family: 'histeagin';}

**note - I know some of the fonts are redundantly applied, just trying to iron this issue out before I change more!

Here is how I have custom fonts applied:

@font-face {
    font-family: 'DM Serif Display';
    src: url('https://static1.squarespace.com/static/63c1a5a12a1c0d16a53d46fc/t/63cf017a3f963750ed74cb57/1674510714285/DMSerifDisplay-Regular.ttf');
  }

h1, h2, h3, h4, h5, h6, a[class='sqs-button-element--primary'] {font-family: 'DM Serif Display'!important; }

probably just need the !important 

1 hour ago, nosremetnarg said:

probably just need the !important 

I tried adding !important to all lines but that didn't solve it 😕  Does your custom font come up as an option if you try to change fonts in the Global Text Styles editor?

Looks like you might be missing '' for the url link

I load the font files into the CSS editor......then in the URL param for the font file src I click on the file name that I loaded and SQSP puts the link there.

inside of url('[with your cursor here in the editor click on the font file]')