Jump to content

trouble with using my own font on coverpage

Recommended Posts

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.

Link to comment
  • Replies 7
  • Views 762
  • Created
  • Last Reply
  • 7 months later...

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.
 
  @font-face {    
font-family: Cako-Regular ;       
src: url('https://static1.squarespace.com/static/5d6e385c33f26e000119a6d6/t/5fa00e25e9a0e4631a2c37ea/1604324901735/Cako-Regular.otf') format(opentype);  
 
  }
</style>
Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...

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>

 

Link to comment
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');  

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.