Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

CSS CODE FOR FONTS NOT WORKING ON SOME COMPUTERS


AKALANAND

Question

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;
}
}

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0

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.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...