Jump to content

Issue with custom font on cover page

Recommended Posts

Posted

Site URL: https://salamander-lanternfish-92zm.squarespace.com/coming-soon

Hi, 

I am having similar issues with customising font on my cover page....

 

It seems to work and then defaults to an odd standard font.

 

Also Strangely it also seems to be doing it on the body text despite having not customised this. 

The website isn't published yet but the code is as follows 

 

In main CSS -

 

@font-face {
 font-family: 'deutschlander';
 src: url('https://static1.squarespace.com/static/61657571f2d4ed2327f7aba9/t/61684d9452420740f7e4516a/1634225556482/deutschlander-2-0.regular.otf')format('opentype'); }
h1 {
     font-family: 'deutschlander', sans-serif;
}

h1 strong {
     font-family: 'deutschlander' sans-serif;
}

In header code injection - 

<style>
  @font-face {    
    font-family: deutschlander;       
    src: url('https://static1.squarespace.com/static/61657571f2d4ed2327f7aba9/t/61684d9452420740f7e4516a/1634225556482/deutschlander-2-0-Regular.otf') format(opentype);  
  }
  * {
          font-family: deutschlander !important;
  }
</style>


Do I need to add a <head> tag? 

 

What am I missing? 

Thanks in advance! 

  • Replies 3
  • Views 466
  • Created
  • Last Reply
Posted
On 10/15/2021 at 9:47 PM, MillyBanks said:

Password has been removed now. I have removed the code as it was messing things up!

Your code missing some text. Add this new code to Cover Page Header

<style>
   @font-face {    
    font-family: deutschlander;       
    src: url('https://static1.squarespace.com/static/61657571f2d4ed2327f7aba9/t/61684d9452420740f7e4516a/1634225556482/deutschlander-2-0-Regular.otf');  
  }
  * {
          font-family: deutschlander !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!)

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.