Custom font not working on Safari/iOS

Site URL: https://cisarovnam.squarespace.com/

Hi, my custom font The Seasons is not working on Safari browser. 

Would anyone have an idea what to change in CSS?

Thank you very much <3

Can you share the CSS you've used for the custom font?

Hello, sharing the code – 

@font-face {

font-family: TheSeasons–Lt;

src: url(https://static1.squarespace.com/static/63f88af03894b5374a8bb8f8/t/640ebec90b6a8165ea225410/1678687945161/TheSeasons-Lt.otf);

}

@font-face {

font-family: TheSeasons–LtIt;

src: url(https://static1.squarespace.com/static/63f88af03894b5374a8bb8f8/t/640ebe795d63df5daeee3e8d/1678687865245/TheSeasons-LtIt.otf);

}

.blog-item-title * {

    font-family: 'TheSeasons-Lt' !important;

}

.BlogList-item-title {

    font-family: 'TheSeasons-Lt'

!important;

}

I can't see any major problems in your CSS (though I'm not sure why the last !important is on the next line, it should be next to the font family.)

Can you share your website password?

Sure, it's cisarovnam2023

Hello, the website is now at www.cisarovnam.cz, no password needed. The font is still not working on Safari 😞  The problem is mainly with blogpost titles and headlines. 

You mean blog title on List Page? I see you are using this code