Jump to content

Changing H1 font -only-

Go to solution Solved by humxahafeex,

Recommended Posts

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

Link to comment

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?

Link to comment
  • Solution
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.

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.