custom font not showing up on mobile

Site URL: http://www.mossandmarshphotography.com

I custom coded a font to my website on the back end, but its not showing up as that font on my mobile view. Why could this be and how can i fix it?

Solved with

@font-face {
    font-family: Gistesy;
    src: url(https://static1.squarespace.com/static/621be864123ae65cd8aeafb3/t/621cd9c482395f549d856b9c/1646057924186/Gistesy.ttf)
}

h2 {
    font-family: Gistesy !important
}