Local font not displaying in safari or mobile

Site URL: https://www.jonathankeltai.com/

Hi Friends! 

Been working on a friend's site for a bit and am having some trouble getting the custom fonts to display on both mobile phone and Safari - any insight or help you can offer would be great! 

Matt

Another question! The anchor links I'm currently using in my navigation bar (which is sticky) have the user flash back up to the top of the screen before taking them to their desired page location. Is there a way to avoid this "resetting" with CSS or code injection? Please let me know and thanks all for any help you can offer! 

Hi. Your code is invalid

Quote

@font-face {
    font-family: 'FontTitle';
    src: url('FontURL')
}

FontURL is Real Font FIle URL, not Text

It should be something like this

@font-face {
    font-family: 'Gotham-Black';
    src: url('https://abc.xyz/s/gotham-black.otf');
}

(Just a random url)