CSS CODE FOR FONTS NOT WORKING ON SOME COMPUTERS

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

Hello, 

I've uploaded a font to squarespace and added the CSS code but it doesnt show on some computers/browsers like safari.

Any advice?

Here is the code I typed:

@font-face {
font-family: Classico;
src: url();https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otf
}

@font-face {
font-family: Classico-Bold;
src: url();https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otfhttps://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f094d3062b77635fbb408/1617889613671/Classico-Bold.otf
}

h1 {
font-family: Classico;
}

h2 {
font-family: Classico;
}

h3 {
font-family: Classico;
}

H4 {
font-family: Classico;
}

.header-title-text {
  font-family:Classico;
}

@media screen and (max-width:640px) {
@font-face {
    font-family: 'Classico';
    src: url('https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otf');
  }
h1#sqs-slash-page-header {
  font-family: 'Classico' !important;
}
}

Hi, 

You have errors in the first 2 font-face tags. The url should be within the parenthesis () - like you have in the media query below.  Plus the 2nd one has 2 urls together.

Should be:

@font-face {
font-family: Classico;
src: url('https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otf');
}

@font-face {
font-family: Classico-Bold;
src: url('https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f094d3062b77635fbb408/1617889613671/Classico-Bold.otf');
}

That should sort it.