Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
thedjbigc

Adversary: Changing site title to a custom font

Question

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!

Edited by llogan

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

Perfect! I was able to get it working with:

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

Edited by thedjbigc

Share this post


Link to post
  • 0

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'

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...