Custom CCS Font changing on safari

Site URL: https://vanilla-pineapple-zbe3.squarespace.com/

Hi 

I am having an issue with custom css font on different browsers. I build the site using Chrome but when I check the site on Safari the fonts have changed. I have attached an image of the site and the custom css from both browsers. If anyone could help it would be gratefully appreciated. 

Please check again Custom CSS. The font face code is incorrect.

Your code

@font-face {
    font-family: 'nevis';
    src: url 'https://static1.squarespace.com/static/6010809e7aec136e0f8e596f/t/6012929cac62e54e76997908/1611829916661/nevis.ttf';
    font-weight: regular
}

It should be

@font-face {
    font-family: 'nevis';
    src: url('https://static1.squarespace.com/static/6010809e7aec136e0f8e596f/t/6012929cac62e54e76997908/1611829916661/nevis.ttf');
    font-weight: regular;
}

Do similar for other font face code

THANK YOU! 

This works really well. I re-wrote my existing code with your eaxaple. Thank you for sharing this issue and the solution. Fantastic. Thank Tuaphan!