Kerning/Spacing different on Safari to Chrome

Hi there, I am having trouble with the kerning of my font as it appears different on Safari to Chrome. The Chrome has the correct kerning showing. Does anyone know how I might be able to fix the kerning on Safari? The file type I had uploaded was OTF. I have circled the issues.

URL: https://jaguar-red-txe9.squarespace.com/
PASSWORD: IslaKate

SAFARI:

CHROME:

When you uploaded the font did you set the letter-spacing property?

Hi @Ziggy

Apologies for the late reply, only just seeing your message now.

Here is the CSS I have uploaded.

//BODY
@font-face {

    font-family: 'IvyPrestoText-Light';

       src: url('https://static1.squarespace.com/static/663967f1e2f0855f8c300b3b/t/665f9fdfc388e16e8ddf93cd/1717542880119/IvyPrestoText-Light.otf');

  }

p {font-family: 'IvyPrestoText-Light';}
p{
font-family: 'IvyPrestoText-Light';
    font-size: 14px !important;
  line-height: 1.8vw !important ;
  letter-spacing: 0.0rem !important;
}

p.sqsrte-large {
    font-family: IvyPrestoText-Light !important;
  font-size: 18px !important;
  line-height: 2.1vw !important ;
  letter-spacing: 0.0rem !important;
}

p.sqsrte-small {
    font-family: IvyPrestoText-Light !important;
  font-size: 13px !important;
  line-height: 1.8vw !important ;
  letter-spacing: 0.0rem !important;
}
 

Can you try setting the line spacing to 0px rather than 0.0rem?