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!