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
  • Replies 3
  • Views 667
  • Created
  • Last Reply

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...


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.