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
  • Created
  • Last Reply

Top Posters In This Topic

  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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>

 

Edited by RAMPTRAMP
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.