Jump to content

Heading 1 Font will not update with custom CSS (even though other fonts are responsive)

Recommended Posts

Site URL: http://www.steenamarie.com

*SOLVED*

Hello!

I've reviewed every tutorial I can possibly find to resolve this and cannot seem to fix the issue:
 

I have successfully uploaded my custom font and the coding seems to work for h2, h3, and p fonts just fine. 

h1 font, thought will not update in the body of the site OR in the banner.

 

I'm working with Squarespace 7.0 and the template called Pacific. Here is the code I currently have in my custom CSS:

 

@font-face {
font-family: 'SteenaWrites';
src:
url('https://static1.squarespace.com/static/563c9111e4b0b249b09440f5/t/62488042e549c26c162e3562/1648918594206/SteenaWrites.ttf');
}


h3 {font-family: 'SteenaWrites';}
h2 {font-family: 'SteenaWrites';}
h1 {font-family: 'SteenaWrites';}
p {font-family: 'SteenaWrites';}

Edited by steenamarie
Link to comment

Hi,

if I remember correctly, some of the banners aren’t actually only H1 text, they are either nest in another class, links (<a>), or a different class of their own.

If you’d only like to use that font, you can try adding: 

* {

font-family: “your-font-here” !important;

}

if this works, you may need to be more specific with your code targeting. 

Link to comment
2 hours ago, Wolfsilon said:

Hi,

if I remember correctly, some of the banners aren’t actually only H1 text, they are either nest in another class, links (<a>), or a different class of their own.

If you’d only like to use that font, you can try adding: 

* {

font-family: “your-font-here” !important;

}

if this works, you may need to be more specific with your code targeting. 

YAHOO!!! That worked perfectly! Thank you SO much for your help!

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.