Jump to content

Two different weights

Go to solution Solved by melody495,

Recommended Posts

Howdy everyone!  Im trying to have two different weights of the pixel font so that I can have it look different on my site BUT i cant seem to get the secondary weight to work. uve uploaded it into the custom files section but idk what im doing. Any suggestions? What do i need to do to make the lighter weight work for the paragraphs and  the heavier for the headers?

Heres the code:
 

@font-face {
font-family: 'PPNeueBit-Bold';
src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65427a15f69795345707f54f/1698855445688/PPNeueBit-Bold.otf');
}

h1, h2, h3, .header-nav-item a {
font-family: 'PPNeueBit-Bold' !important;
}

h1 {
font-family: 'PPNeueBit-Bold' !important;
}

h2 {
font-family: 'PPNeueBit-Bold' !important;
}

h3 {
font-family: 'PPNeueBit-Bold' !important;
}

.sqsrte-large {
font-family: 'NeueBit-Regular' !important;
}

p {
font-family: 'NeueBit-Regular' !important;
}

.sqsrte-small {
font-family: 'NeueBit-Regular' !important;
}
 

Screenshot 2023-11-01 at 12.42.08 PM.png

Link to comment
  • Replies 5
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
5 hours ago, Exileking said:

Heres the code:
 

@font-face {
font-family: 'PPNeueBit-Bold';
src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65427a15f69795345707f54f/1698855445688/PPNeueBit-Bold.otf');
}

Is this all the code? Here you have only loaded the font file for "Bold". You need to do the same for "Regular". Then the rest of your code should work. 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

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...

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.