Jump to content

CSS code for fonts isn't showing up

Recommended Posts

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

Hi there!

I added some custom code to my client's website. I am just trying to code in fonts and I can see the changes on my end but client can't see it on their end at all. I attached screenshots of what I can see. 

 

Here is the code:

 

@font-face {

    font-family: ‘TobiasTRIALLight;

       src: url(https://static1.squarespace.com/static/6230bb44fdb4e541baff19ae/t/6230dd4b3e5e2a318938013c/1647369547694/TobiasTRIAL-Light.otf);

 

  }

 

h1 {font-family: 'TobiasTRIALLight';}

 

 

h1 {

  font-family: 'TobiasTRIAL-Light'!important;

  font-weight: 100 !important;

  font-style: regular !important;

  font-size: 40px !important;

  letter-spacing: 0!important;

  text-transform: normal!important;

  line-height: 1.3em!important;

}

 

@font-face {

    font-family: ‘Basaro!important;

 

       src: url(https://static1.squarespace.com/static/6230bb44fdb4e541baff19ae/t/6230dec34ebc214e45746193/1647369923412/Basaro-9YmRL.ttf);

  }

 

h2 {font-family: 'Basaro';}

 

h2 {

  font-family: 'Basaro';

  font-weight: 0!important;

  font-style: regular!important;

  font-size: 14px!important;

  letter-spacing: 300!important;

  text-transform: uppercase!important;

  line-height: 1.3em!important;

}

 

@font-face {

    font-family: ‘madelinette!important;

  }

 

h3 {font-family: 'madelinette';}

 

h3 {

 

  font-family: 'madelinette';

  font-weight: 200!important;

  font-style: regular!important;

  font-size: 50px!important;

  letter-spacing: 0!important;

  text-transform: lowercase!important;

  line-height: 1.3em!important;

}

 

@font-face {

    font-family: ‘madelinette!important;

  }

 

h4 {font-family: 'madelinette';}

 

h4 {

 

  font-family: 'madelinette';

  font-weight: 200!important;

  font-style: regular!important;

  font-size: 18px!important;

  letter-spacing: 0!important;

  text-transform: lowercase!important;

  line-height: 1.3em!important;

}

Screen Shot 2022-03-18 at 9.58.09 AM.png

Screen Shot 2022-03-18 at 10.00.11 AM.png

Screen Shot 2022-03-18 at 9.57.53 AM.png

Link to comment
  • Replies 1
  • Views 165
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.