How do I change the heading font in Squarespace with CSS?

Squarespace 7.1 applies heading fonts through CSS custom properties and inline styles. To override them reliably, target h1 through h4 with !important and your desired font stack.

If you're using a font that's not built into Squarespace, load it first via Code Injection before applying it in CSS. The built-in font names can be found in the Fonts panel.

h1, h2, h3, h4 {
  font-family: 'Georgia', 'Times New Roman', serif !important;
}

h1 {
  font-size: 48px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 36px !important;
  font-weight: 600 !important;
}

h3 {
  font-size: 24px !important;
  font-weight: 600 !important;
}