solitudeSlicer

Custom font is working on desktop and mobile preview, but not when I load it on my phone (Chrome/Safari ios).

Website is https://www.anneke.space/

Quote

//ADDING WILD MANGO FONT//
font-face {
font-family: 'WILD MANGO';
src: url('https://static1.squarespace.com/static/5eb2faba1397ea313cfe5c9f/t/637d4e4668475420c8cff89d/1669156422683/WildMango.ttf');
}
h1, h2, h3, h4 {
font-family: 'WILD MANGO';
}
.header-nav *, nav.header-menu-nav-list * {
    font-family: 'WILD MANGO';
}
//PORTFOLIO TITLE FONT//
h1.portfolio-hover-item-title {font-family: 'Wild Mango' !important;}
h1.portfolio-hover-item-title {font-size: calc(2vw + 2rem) !important;}