Jump to content

Adobe font weight not responding to any CSS changes!

Recommended Posts

Site URL: https://www.ecdesigns.com.au/

Feeling a bit discouraged at the moment, I hope someone can help me here!

Basically I'm rebuilding my site, and this time I'm using an Adobe font (which means I don't get to upload the font files in Squarespace as you would normally do)

I think I followed all the steps correctly, but for some reason the font weight doesn't respond to any of the changes I make in the custom CSS window!
It looks quite thick (and frankly I don't like it at all) but no matter which font weight I write in the CSS it won't change.

This is the initial CSS I pasted:

h1, h2, h3, h4 {
font-family: ivypresto-display, serif;
font-weight: 100;
font-style: normal;
}

Then I tried to add the tag 'important' :

h1, h2, h3, h4 {
font-family: ivypresto-display, serif;
font-weight: 100!important;
font-style: normal;
}

Then I even tried to add the block ID:

#block-62e84ce8a6a00313a250c053 {
font-family: ivypresto-display,serif;
font-weight: 100!important;
font-style: normal;
}

 

Not sure if this will help at all, but here is the code provided by Adobe which I injected in the header:

<link rel="stylesheet" href="https://use.typekit.net/wgr0pgr.css">

Here are Adobe's exact instructions:
"To use these fonts on a web page, copy this code into the <head> tag of your HTML: <link rel="stylesheet" href="https://use.typekit.net/wgr0pgr.css">"
So I pasted this into the code injection section, in the header window. I hope I did ok.

 

Can anyone think of anything to make the font weight responsive?

TIA

image.png

Edited by Elena123
Link to comment
  • Replies 3
  • Views 561
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

14 hours ago, tuanphan said:

Hi. It looks fine to me. What should it look like?

Hello Tuanphan, thanks for reading this.

I would like to use the thin weight (font-weight: 100) I attached a screenshot that shows the difference between how the font is shown on the Adobe Fonts website, and how it looks on my Squarespace site.

TIA

Capture0.JPG

Capture1.JPG

Link to comment
3 minutes ago, Elena123 said:

Hello Tuanphan, thanks for reading this.

I would like to use the thin weight (font-weight: 100) I attached a screenshot that shows the difference between how the font is shown on the Adobe Fonts website, and how it looks on my Squarespace site.

TIA

 

Something quite strange just happened... The font weight now is finally responding, but only for the normal style. The italic text, is still not responding. Examples attached below.

 

Capture3.JPG

Capture2.JPG

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.