Jump to content

Adversary: Changing site title to a custom font

Recommended Posts

Hello! So this should be really quite simple but I just can't to seem to figure it out. I'm currently putting together my site in a trial period and planning to go live with it over the weekend.

https://forceproductions.squarespace.com is the site.

As you can see I've managed to get ALL of my header fonts to be diablo_h except for the main title - which is the most important!

Firstly, I know nothing about CSS. I've managed to read through a ton of forums to figure out my way a bit, but this is the code I've injected so far:


@font-face {
   font-family: 'diablo_h';
      src: url('https://static1.squarespace.com/static/55d0da93e4b0ebe2dff29cd3/t/55d2c187e4b0a6ed876846ba/1439875463298/diablo_h.ttf'),;
   font-weight: 400;
 }

 h1, h2, h3, h4, h5, h6 {
   font-family: 'diablo_h';
   font-weight: 400;
 }


ALL THAT ABOVE IS WORKING

I cannot for the life of me figure out how to make the main title text the same font, diablo_h.

I have found that


.page-title{display:none;} 

removes the title, but I can't seem to make it change the font.

I also tried


.homepage #siteTitle {font-family: 'diablo_h';
      src: url('https://static1.squarespace.com/static/55d0da93e4b0ebe2dff29cd3/t/55d2c187e4b0a6ed876846ba/1439875463298/diablo_h.ttf'),;
   font-weight: 400}

but that didn't do anything...

Please help!

Link to comment
  • Replies 3
  • Created
  • Last Reply
  • 2 years later...

I'm new to css also and searched multiple forum. I found this solution by inspecting my squarespace webpage on google. It worked for me!

1.Copy and paste`@font-face { font-family: 'GeosansLight'; src: url('https://static1.squarespace.com/static/5a8c34eb51a584a57bc62511/t/5a93aadff9619a83af6f6839/1519626975231/GeosansLight.ttf '); font-weight: normal; font-style: normal; }

.has-site-title .Header-branding { font-family: "GeosansLight"; }`

2.Changes you need to make for this to work--> a. upload your own font on 'manage custom file' and obtain 'src: url' by clicking on uploaded font file title. b. change 'font-family'

Link to comment

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.