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.