Custom Font Not Working on Safari

Site URL: https://rust-soybean-ynmj.squarespace.com/

Hello Friends!

I have a quick question.

To this site [ https://rust-soybean-ynmj.squarespace.com/ (Password: bob) ], I added a custom font and it worked flawlessly on Chrome, but it doesn't show on Safari for some reason. Would anyone have an idea why that happens?

Thank you in advance!

Ozan

(P.S.: The font I installed is the demo version, and I just wanted to mention that I will purchase the proper license if I can make it work on Squarespace and the client approves it.)

9 hours ago, tuanphan said:

The font file url doesn't exist, you missing some character,

use this new code

@font-face {
    font-family: recoleta;
    src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/621868273c467a110cabb503/1645766695960/Recoleta.otf);
    src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218680e18186052011c2e48/1645766670359/recoleta-webfont.woff),url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218681490eb882e0741681e/1645766676725/recoleta-webfont.woff2);
}

h1 {
    font-family: recoleta !important;
}

 

You are the best @tuanphan. Really appreciate your help. Thank you.