Uploaded fonts do not appear in some browsers

Hi,

I'm relative coding novice trying to work around the GDPR / Google Fonts issue by uploading fonts to Squarespace. CSS as follows -

@font-face {
font-family: 'Bebas Neue', sans-serif;
src: url('https://static1.squarespace.com/static/5a26b704edaed8708f8a1b20/t/637dee7c40e9637fe26f68a8/1669197436822/BebasNeue-Regular.ttf');
}

h1, h2 {
font-family: 'Bebas Neue', sans-serif;
}

This works fine for me on Chrome and Firefox with the custom fonts, but Safari goes to the default font. Confusingly, although this works for my Chrome, my client's Chrome also goes to the default font.

Any help would be greatly appreciated as my brain is melting.