Issue with custom font on Mobile

Hello - I am having with my custom font showing up on mobile (both IOS and Android). Is it something wrong with my code? It looks fine when I am logged into Squarespace but if I go to the site brandicrottyhair.com as a user it doesn't show. 

Code: 

@font-face {
    font-family: 'bohobreeze';
       src: url(https://static1.squarespace.com/static/64b5a84ce095393b8a479282/t/664a362c0c43a603771419d6/1716139564690/Boho+Breeze+Ttf.ttf);
  }
h2 {
font-family: 'boho breeze';
font-size: 45pt;
letter-spacing: 1px;
line-height: 100%;
}
h4 {
font-family: 'boho breeze';
font-size: 25pt;
letter-spacing: 1px;
line-height: 100%;
}
h3 {
font-family: 'boho breeze';
font-size: 35pt;
letter-spacing: 1px;
line-height: 100%;
}

Thank you! Simple fix, that worked 🙂