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.

I'm having the same problem with mine as well!

@font-face { 
font-family: 'termina-bold';
src: url(https://static1.squarespace.com/static/6283d7683a4ab53e51c33f4f/t/6293f0fbef1d8f28afbe9be7/1653862651858/Termina-Bold.otf)
}

On 2/24/2024 at 3:28 AM, erb said:

I'm having the same problem with mine as well!

@font-face { 
font-family: 'termina-bold';
src: url(https://static1.squarespace.com/static/6283d7683a4ab53e51c33f4f/t/6293f0fbef1d8f28afbe9be7/1653862651858/Termina-Bold.otf)
}

The font url in your code doesn't exist (maybe you changed site url, so the url will change), you can copy url and paste to browser address bar, you will see problem.

Got it! Thank you so much, that fixed it