Updated

Nov 24, 2024

Abode

Cove

Handshake

Kintsugi

Learnable

Marigold

Opponent

Parable

Quantum

Retrograde

Sidecar

Tandem

Nautilus

Remove Inter Font

Remove the hard-coded Inter font to use vanilla Site Styles selection.

Remove the hard-coded Inter font to use vanilla Site Styles selection.

Remove the hard-coded Inter font to use vanilla Site Styles selection.

How it works

Most templates now use Inter as the body font, and some use it for all fonts in the design. But, if you want to use the template without Inter and use your own Site Style fonts, follow this simple process.

Navigate to the "Header Code Injection" window of your site (just hit / and search) and find the template CSS code at the very top of your template. There are two words you'll change to use the "interless" version of the template code (see screenshot):

templates → interless
styles → interless

Make sure to ONLY change these two words, don't remove slashes or any other part of the URL. The Inter typeface will still be imported to the site to be used for arrows (since default SQSP font arrows look terrible), which means you can still manually change certain things back to Inter if you want. You could do something like this:

h1, h2, h3 { font-family:var(--inter) !important;}

Most templates now use Inter as the body font, and some use it for all fonts in the design. But, if you want to use the template without Inter and use your own Site Style fonts, follow this simple process.

Navigate to the "Header Code Injection" window of your site (just hit / and search) and find the template CSS code at the very top of your template. There are two words you'll change to use the "interless" version of the template code (see screenshot):

templates → interless
styles → interless

Make sure to ONLY change these two words, don't remove slashes or any other part of the URL. The Inter typeface will still be imported to the site to be used for arrows (since default SQSP font arrows look terrible), which means you can still manually change certain things back to Inter if you want. You could do something like this:

h1, h2, h3 { font-family:var(--inter) !important;}

Most templates now use Inter as the body font, and some use it for all fonts in the design. But, if you want to use the template without Inter and use your own Site Style fonts, follow this simple process.

Navigate to the "Header Code Injection" window of your site (just hit / and search) and find the template CSS code at the very top of your template. There are two words you'll change to use the "interless" version of the template code (see screenshot):

templates → interless
styles → interless

Make sure to ONLY change these two words, don't remove slashes or any other part of the URL. The Inter typeface will still be imported to the site to be used for arrows (since default SQSP font arrows look terrible), which means you can still manually change certain things back to Inter if you want. You could do something like this:

h1, h2, h3 { font-family:var(--inter) !important;}

Still have a question?

Check out the FAQ page, or send a message via the Contact page.