Jump to content

Changing H1 font -only-

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
  • Replies 10
  • Views 3k
  • Created
  • Last Reply

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
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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.