Custom Font not working on Mobile

Site URL: https://www.fariss.art/

Hello,

I am having some problems with the Custom CCS Font on my website. I have the .ttf file uploaded and it shows up on my computer and my friends as well but not on mobile. This is just for my headings.

@font-face {font-family: Viesta;
 src:'https://static1.squarespace.com/static/631d027bc2ba931673289ed7/t/633b13de04e62a3540d5dd7b/1664816094125/Viesta.ttf'}

h1 {font-family: 'Viesta';  
  line-height: 0.9em;
letter-spacing: 0.04em;
font-weight: 400;
font-size:51px}

Thank you!

Your src code is invalid. Try this

@font-face {
    font-family: Viesta;
    src: url(https://static1.squarespace.com/static/631d027bc2ba931673289ed7/t/633b13de04e62a3540d5dd7b/1664816094125/Viesta.ttf);
}