trouble with using my own font on coverpage

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

so i created my own font with fontself(adobe) and started getting into custom css on squarespace to add my own font to my website. everything worked out except for my cover page. if i go into custom css it even shows my font on the coverpage but as soon as i go out of the editor and just load my website in my browser there is another font on the coverpage that is not mine. why does squarespace accept my font on all of the website but not on the coverpage? please help.

Add to Cover Page Settings > Advanced > Header

<style>
  paste custom font css & your css here
</style>

thanks for the help. it worked!

Hi Guys, 

I've tried all the suggestions mentioned in all the previous topics but this seems not to work on my website 

8 hours ago, SalonJohann said:

Hi Guys, 

I've tried all the suggestions mentioned in all the previous topics but this seems not to work on my website 

<style>

[data-slice-type=”heading”][data-compound-type="logo"]) h1 {

 font-family: Cako-Regular !important; 

}

 

 [data-slice-type=”heading”]:not([data-compound-type]) h1 {

 font-family: Cako-Regular !important; 

}

 

[data-compound-type="body"]) p {

 font-family: Cako-Regular !important; 

}

 or 

 

<style>
*{font-family: Cako-Regular !important;
}
</style>

 

Some help will be appreciated, thanks a lot.

 

Add to Cover Page Header

<style>
  @font-face {    
	font-family: Cako-Regular;       
	src: url('https://static1.squarespace.com/static/5d6e385c33f26e000119a6d6/t/5fa00e25e9a0e4631a2c37ea/1604324901735/Cako-Regular.otf') format(opentype);  
  }
  * {
  		font-family: Cako-Regular !important;
  }
</style>

Thanks a lot, problem solved.

Hello!

Strangest thing... I have successfully used above code on cover page to use my custom font, however out of nowhere it now won´t appear on my site... just a filler font. The weird thing is if I change any style setting at all on the cover page style menu, it suddenly recognises my custom css again but as soon as I save it it's back to the filler font... code is exactly as above!!

My website is http://www.ramptramptrampstamp.com/

Thanks!

Below is the css i am using!

<style>
  @font-face {    
    font-family: RAMPTRAMPTRAMPSTAMP;       
    src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf') format(opentype);  
  }
  * {
          font-family: RAMPTRAMPTRAMPSTAMP !important;
  }
</style>

On 4/8/2021 at 6:32 PM, RAMPTRAMP said:

Hello!

Strangest thing... I have successfully used above code on cover page to use my custom font, however out of nowhere it now won´t appear on my site... just a filler font. The weird thing is if I change any style setting at all on the cover page style menu, it suddenly recognises my custom css again but as soon as I save it it's back to the filler font... code is exactly as above!!

My website is http://www.ramptramptrampstamp.com/

 

Thanks!

 

Below is the css i am using!

 

<style>
  @font-face {    
    font-family: RAMPTRAMPTRAMPSTAMP;       
    src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf') format(opentype);  
  }
  * {
          font-family: RAMPTRAMPTRAMPSTAMP !important;
  }
</style>

 

Hi. Try editing this line

src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf') format(opentype);  

to this

src: url('https://static1.squarespace.com/static/5abc2abec3c16a81d5de0a69/t/6058032231e52416d673b286/1616380706512/Ramptramptrampstamp-Regular.otf');