Jump to content

Issue with custom font on cover page

Recommended Posts

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! 

Link to comment
  • Replies 3
  • Views 423
  • Created
  • Last Reply

Top Posters In This Topic

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!)

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.