Custom web font not working on mobile

Site URL: https://www.studiosobo.com/

Hey, I have just uploaded a custom font to my website but it doesn't seem to be working on mobile

Code below:

@font-face {
font-family: 'Analogue';
src: url('https://static1.squarespace.com/static/537457564/t/58417/14845662/VentiBold.ttfhttps://static1.squarespace.com/static/5eb0e3fc25cd645553e4e993/t/606e2be419839c4750d54a88/1617832933025/Analogue.otf');
}

h1, h2, h3, h4 {
font-family: 'Analogue';
}

Try this code

h1, h2, h3, h4 {
    font-family: 'Analogue' !important;
}