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

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';}

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. 

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!