How to change a heading font to a different font using CSS

Within Squarespace you have an option to set all your headings to a particular font. Then define sizes for each of them, h1, h2 etc.

This post may contain affiliate links, which means I’ll receive a commission if you purchase through my link, at no extra cost to you. Please read full disclosure here.

 

If you want to have a heading that is a completely different font you’ll need to use CSS. Doing this means you can have another type of font to make that particular heading stand out or give extra style to your website.

Note: Having many different fonts on your website could potentially slow it down so just be aware of this.

Navigate to Website > Website Settings > Custom CSS

Code:

//Changing H2 to particualr style

h2 {

font-family: proxima nova;

font-weight: 500;

line-height: 1.4em;

font-style: italic;

letter-spacing: .1em;

font-size: 30px

}

You can now define which ever heading you want, h1 or h2 etc to a particular style, weight, and other styling options.