font Custom Font Not Showing

Hello,

I've added a custom font to my website, and added the "!important;" next to it, and it is still not showing. 
It is only appearing on Google chrome on the mac where the font is installed on the mac. Safari doesn't load it. Additionally, on other PCs and mobile it does not load. Can someone please support in this? It is for an important event going live soon. (site url : www.riyadhfashionweek.squarespace.com). Thank you ! Below is the custom CSS used:

@font-face {
font-family: 'SOLAR-VESTA-SERIF' ;
src:
url('https://static1.squarespace.com/static/64ece908fafe492e179654a2/t/64ecf24b4f8a56530239f13f/1693333035052/SOLAR+VESTA+SERIF.TTF');
}

h1 {
font-family: 'SOLAR VESTA SERIF' !important;
}

Thank you @Ziggy ! This fixed the problem. Appreciated!

10 hours ago, DigitalSociopath said:

Thank you @Ziggy ! This fixed the problem. Appreciated!

Always good to find an easy and quick fix!