Jump to content

Changing the weight of Playfair Display

Recommended Posts

I'm currently working on a website for a client who uses Playfair Display on their current website. While I can add this font - I want it to have a weight of 500 and when I write the code out as: 
 

h1 {
  font-weight: 500 !important;
}

It only changes it to 400 or 700. I've seen another forum where somebody had the same issues with a different font but unfortunately I couldn't get the injection code to work.  

Screenshot 2021-08-09 at 20.53.58.png

Link to comment
  • Replies 5
  • Views 611
  • Created
  • Last Reply

Top Posters In This Topic

On 8/10/2021 at 2:55 AM, Gabrmol said:

I'm currently working on a website for a client who uses Playfair Display on their current website. While I can add this font - I want it to have a weight of 500 and when I write the code out as: 
 

h1 {
  font-weight: 500 !important;
}

It only changes it to 400 or 700. I've seen another forum where somebody had the same issues with a different font but unfortunately I couldn't get the injection code to work.  

Screenshot 2021-08-09 at 20.53.58.png

Hi. Can you share link to your site? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

I also have a few other questions about how to do things on the website that I thought I'd put in one post:

In the header, I don't like how spaced out all of the options are and I can't seem to adjust the spacing to what I want in the site styles. Is there a way to put them closer together?

I've also added a hamburger menu to the website in the left hand corner that has a line under it because I added code for a line to sit under the header - is there any way that I can keep the line under the header but remove it from under the menu?

and finally on the blog list page I want to make the read more font bigger but can't seem to do it. How do I do this and remove the line from under the text? I would also like to add a bigger margin to this page only/ the images to be smaller but can't figure out how?

Sorry that's a lot of questions 

Screenshot 2021-08-12 at 13.43.47.png

Link to comment

Hi,

1. Can you share link to page where you use h1? I don't see anytext use heading 1 on homepage

2. You mean move burger to right, button to left a bit?

3. Underline. Did you solve it?

4. Read more on home page or homepage + blog list page?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

Hi, I actually managed to solve 2 and 3.

1. sorry I meant the arrangement/ layout of the site header. I think that these elements look a little strange being as spaced out as they are (as shown in attached image) 
 

4. For this page:

https://banjo-aqua-pr5l.squarespace.com/blog

I wanted the images to be a different ratio to the ones available in the blog list settings. I also can't seem to make the 'read more' font under all of the pages any bigger than it is on this page.

On 8/14/2021 at 10:27 AM, tuanphan said:

Hi,

1. Can you share link to page where you use h1? I don't see anytext use heading 1 on homepage

2. You mean move burger to right, button to left a bit?

3. Underline. Did you solve it?

4. Read more on home page or homepage + blog list page?

 

Screenshot 2021-08-22 at 23.25.14.png

Edited by Gabrmol
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.