thedjbigc Posted August 18, 2015 Share Posted August 18, 2015 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
e2astudio Posted August 18, 2015 Share Posted August 18, 2015 You just need to assign the font to the right element. The font family assignment is on the 'a' not the '#siteTitle' wrapper. #siteTitle a {} Link to comment
thedjbigc Posted August 18, 2015 Author Share Posted August 18, 2015 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} Link to comment
soupnkit Posted February 26, 2018 Share Posted February 26, 2018 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.