Adobe Font not showing on Safari (but all other browsers)

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

Hi!
I'm using an Adobe font for one of my headings (H4) via custom CSS on 7.1.

It's showing correctly on Chrome and Firefox but not on Safari.

Any advice how to solve this issue?

Code I'm using:

h4 {font-family: Olicana !important;
font-size: 50px;}

Used in the footer on "The service you can trust". I have the same issue on some other pages where it's used in headings. The fallback font is also not the regular heading font I'm using on this website.