Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Changing to a custom font in the header and footer


Recommended Posts

  • Replies 14
  • Created
  • Last Reply

Top Posters In This Topic

Add to Home > Design > Custom CSS

header#header *, footer.sections * {
    font-family: HELVETICA-NEUE-ULTRA-LIGHT;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Sorry - do you also know how to do it on the overlay of a portfolio grid? So when you hover over a project and it comes up with the title?

Link to post
h3.portfolio-title {
    font-family: HELVETICA-NEUE-ULTRA-LIGH !important;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Sorry - last one I promise. I've just realised the buttons at the bottom of each case study are in the old font. I tried to use that last bit of code and called them 'navigation buttons' - but it didn't really work

Link to post
h2.item-pagination-title {
    font-family: 'HELVETICA-NEUE-ULTRA-LIGHT' !important;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Thanks for all your help so far - so this is all the coding I have:

//---Custom Fonts---

h1, h2, h3, h4, h5, p, {font-family:HELVETICA-NEUE-ULTRA-LIGHT}

//---Font Upload---
@font-face {
    font-family: 'HELVETICA-NEUE-ULTRA-LIGHT';
       src: url('https://static1.squarespace.com/static/5ebc269b813e022c41f87bff/t/5f39053c62c23339b57450c4/1597572413829/FontsFree-Net-HelveticaNeueUltraLight+%281%29.ttf');
  }

header#header *, footer.sections * {
    font-family: HELVETICA-NEUE-ULTRA-LIGHT;
}

h3.portfolio-title {
    font-family: HELVETICA-NEUE-ULTRA-LIGHT !important;
}

h2.item-pagination-title {
    font-family: 'HELVETICA-NEUE-ULTRA-LIGHT' !important;
}

I just wanted to work out how I make sure this is Arial when Helvetica is not available - say someone who isn't on a Mac?

Link to post

Hmmm, when I do it like this - it just changes the font back to how I had it before - the Squarespace one

 

//---Custom Fonts---

font-family: 'HELVETICA-NEUE-ULTRA-LIGHT', 'Arial';

h1, h2, h3, h4, h5, p, {font-family:HELVETICA-NEUE-ULTRA-LIGHT}

//---Font Upload---
@font-face {
    font-family: 'HELVETICA-NEUE-ULTRA-LIGHT';
       src: url('https://static1.squarespace.com/static/5ebc269b813e022c41f87bff/t/5f39053c62c23339b57450c4/1597572413829/FontsFree-Net-HelveticaNeueUltraLight+%281%29.ttf');
  }

header#header *, footer.sections * {
    font-family: HELVETICA-NEUE-ULTRA-LIGHT;
}

Link to post

h1, h2, h3 {font-family: your-custom-font-name, Arial;}

Edited by tuanphan

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...