font inspectorWhat font does Squarespace use?
Squarespace’s brand has always leaned on elegant, light typography. Its site sets a 64px headline in weight 300 with strongly negative tracking.
Short answer: Squarespace uses its own typeface, Clarkson, for nearly everything, with Clarkson Serif for a few subheadings.
Clarkson
Self-hosted95.8%- CSS name
Clarkson- Weights
- 300, 400, 500
- Sizes
- 64px · 40px · 20px · 15px · 13px · 12px
- Served from
- media-www.sqspcdn.com
Clarkson Serif
Self-hosted4.2%- CSS name
Clarkson Serif- Weights
- 300, 400
- Sizes
- 40px · 26px
- Served from
- media-www.sqspcdn.com
Sizes, weights and spacing by role
These are computed values from the live page, which is what the Font Inspector panel shows when you click each element.
| Role | Font | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| Headline | Clarkson | 64px | 300 | 1.04 | -0.06em |
| Subheading | Clarkson Serif | 26px | 400 | 1.08 | -0.02em |
| Body text | Clarkson | 15px | 400 | 1.4 | -0.001em |
The main font stack in the CSS:
font-family: Clarkson, Helvetica, sans-serif;- The headline tracking of -0.06em is among the tightest we measured on any site.
- Light weight at large size is the signature: 300 at 64px.
Check any site yourself in one click.
Sites change their type without notice. Font Inspector shows the rendered font, size, weight and spacing of any text on squarespace.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Clarkson
Squarespace’s custom sans serif, used in light and regular weights across its marketing.
Can you use it? Clarkson is proprietary to Squarespace. Inter and Hanken Grotesk are free and work well in light weights at large sizes.
On Google Fonts: Inter, Hanken Grotesk.
Clarkson Serif
The serif companion, used sparingly for contrast.
Can you use it? Also proprietary. Newsreader and Fraunces are free serifs that pair well with a light sans.
On Google Fonts: Newsreader, Fraunces.
Finding a font does not license it. More in how to get a font you found, legally.
Get a similar look with a free font
This starter uses Inter, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Squarespace’s brand typeface.
/* Approximates the Squarespace look with a free font */
body {
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 4rem; /* 64px */
font-weight: 300;
line-height: 1.04;
letter-spacing: -0.06em;
}
p {
font-size: 0.9375rem; /* 15px */
font-weight: 400;
line-height: 1.4;
letter-spacing: -0.001em;
}How we checked
We opened squarespace.com in Chrome on September 21, 2026 and read the computed styles of its visible text: the declared font stack, the font actually rendered, and how much of the page’s text each family sets. That is the same data the Font Inspector extension shows under Fonts on this page. We re-check these pages periodically, and the date above shows the last inspection.
Squarespace and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Squarespace.
Questions & answers
What font does Squarespace use on its website?
Squarespace uses its own typeface, Clarkson, for nearly everything, with Clarkson Serif for a few subheadings.
Can I use the Squarespace font?
Clarkson is proprietary to Squarespace. Inter and Hanken Grotesk are free and work well in light weights at large sizes.
What is a free font similar to Clarkson?
Inter and Hanken Grotesk are free on Google Fonts and give a similar feel. No free font is an exact match, so compare it with your own text first.
How can I check what font Squarespace uses myself?
Open squarespace.com, then click any text with the Font Inspector extension, or right-click, choose Inspect and look at Rendered Fonts in the Computed tab. Sites change their typography, so checking the live page is the only way to be sure.