Changing H1 font -only-

Site URL: http://www.ericazeller.squarespace.com

Hey friends,

I was able to figure out how to change a header font to one I uploaded, but the issue is that I really only want H1 to be the script-type font I uploaded. All of the other headings I'd like to be in Futura and all-caps. Every time I select "uppercase" for the remaining header fonts, my pretty script font goes uppercase too! Not cute.

Here is the code I'm currently using:

h1 {
  font-family: 'southland';
}

@font-face {
    font-family: 'Southland';
       src: url(https://static1.squarespace.com/static/5e69204ac780126c2c2441d5/t/5e6ac628a956c7172d5f4843/1584055848404/Southland+TTF.ttf);
    font-weight: normal;
    font-style: normal;
  }

.Header-nav-item {
 font-family: Southland;
}

site: ericazeller.squarespace.com

PW: katesmithdesign

You want to change font name, uppercase...or which for only h1?

I don't know exactly what font I want for H1, H2, H3, but I do know that I want them to be uppercase. But every time I change those ones to uppercase, it also effects H4 which is the script font. Is it possible to only play with H1, H2, and H3?

49 minutes ago, katesostellar said:

I don't know exactly what font I want for H1, H2, H3, but I do know that I want them to be uppercase. But every time I change those ones to uppercase, it also effects H4 which is the script font. Is it possible to only play with H1, H2, and H3?

Hi Yeah It's quite Simple , use the following code below :

h1,h2,h3{
text-transform: uppercase !important;

}

Do let me know if it works or not.

That still affected my H4 and made it uppercase! 😞

4 minutes ago, katesostellar said:

That still affected my H4 and made it uppercase! 😞

Oh , okay , Can you post Image of h4 element you are using on your website.

I played around with the code you sent and figured it out! Thank you!

1 minute ago, katesostellar said:

I played around with the code you sent and figured it out! Thank you!

 

Glad it Helps 🙂

If issue is resolved please do mark the question as solved 🙂 It would be great 🙂

Can you tell me how to mark it as solved? sorry I'm new to the forum!

2 minutes ago, katesostellar said:

Can you tell me how to mark it as solved? sorry I'm new to the forum!

Just Simply Upvote the answer on top left of Post. 🙂