Jump to content

Changing to a custom font in the header and footer

Recommended Posts

  • Replies 14
  • Views 6.1k
  • Created
  • Last Reply

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

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.