Custom Fonts not working

I have placed my font file inside my FTP server within the theme and fonts folder. In my style.css file, I have declared the different font faces and how to retrieve them. I then replaced specific tags to use the specified font. However, I am receiving ‘net::ERR_ABORTED’ and my website is unable to change/access the new font.

I have no idea why it is unable to change into the new font by the several methods that I have directly followed online. Please help. Thank you!

The page I need help with: [log in to see the link]