Jump to content

Change Entire Website Font to Custom Font

Recommended Posts

Hi, I am trying to change the font on my entire website to a requested font by a client. However, I have looked up on . here how to do this and nothing seems to be working. I uploaded the font to the managed custom files and then copy and pasted what someone else recommended and nothing seems to be changing the font! I am new to css coding so not sure how to fix.

 

@font-face { font-family: 'SpecialElite';
src: url('SpecialElitehttps://static1.squarespace.com/static/5e34f211ccdf2069316b2c65/t/5e389cb943b2a6137cb5d2a7/1580768441796/SpecialElite.ttf ');
font-weight: normal;
font-style: normal; }
.has-site-title .Header-branding { font-family: "SpecialElite"; }
#header h1.site-title { font-family: "SpecialElite";}

Link to comment

the code doesn't work, because

  1. class name incorrect
  2. font url is invalid. 
  3. SpecialElitehttps://static1.squarespace.com/static/5e34f211ccdf2069316b2c65/t/5e389cb943b2a6137cb5d2a7/1580768441796/SpecialElite.ttf 
  4. ...

😂

Can you share link to your site?

In case you want to change all elements on site to custom font, use this css

@font-face { 
	font-family: 'SpecialElite';
	src: url('https://static1.squarespace.com/static/5e34f211ccdf2069316b2c65/t/5e389cb943b2a6137cb5d2a7/1580768441796/SpecialElite.ttf');
}
* {
	font-family: 'SpecialElite' !important;
}

 

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
  • 3 weeks later...

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.