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

trouble with using my own font on coverpage


LonelyRiot

Question

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

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

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 post
  • 0
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>

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into 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...