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