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

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 comment

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 comment

Create an account or sign in to comment

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


×
×
  • Create New...