What font does squarespace.com use?

The typeface on squarespace.com is Noto Sans JP, Noto Sans KR and Noto Serif JP, loaded across 48 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font

Noto Sans JP

Total weights

@font-face

Source

Custom web font

Noto Sans JP

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use Noto Sans JP

font-family: 'Noto Sans JP', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://media-www.sqspcdn.com/fonts/NotoSansJP-Light.woff2

Get this font

Noto Sans

Open source

Google

Free pan-script family on Google Fonts.

Get Noto Sans from Google

Free alternatives if you can't license Noto Sans JP

InterGoogle Fonts

Better UI hinting for Latin scripts.

Open

Source Sans 3Google Fonts

Free alternative with similar coverage.

Open

IBM Plex SansGoogle Fonts

Distinctive but equally legible.

Open

Used by 17 selectors on the page

Noto Sans KR

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use Noto Sans KR

font-family: 'Noto Sans KR', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://media-www.sqspcdn.com/fonts/NotoSansKR-Light.woff2

Get this font

Noto Sans

Open source

Google

Free pan-script family on Google Fonts.

Get Noto Sans from Google

Free alternatives if you can't license Noto Sans KR

InterGoogle Fonts

Better UI hinting for Latin scripts.

Open

Source Sans 3Google Fonts

Free alternative with similar coverage.

Open

IBM Plex SansGoogle Fonts

Distinctive but equally legible.

Open

Used by 17 selectors on the page

Noto Serif JP

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use Noto Serif JP

font-family: 'Noto Serif JP', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://media-www.sqspcdn.com/fonts/NotoSerifJP-Light.woff2

Get this font

Noto Serif

Open source

Google

Free pan-script serif on Google Fonts.

Get Noto Serif from Google

Free alternatives if you can't license Noto Serif JP

Source Serif 4Google Fonts

Cleaner free body serif.

Open

LoraGoogle Fonts

Warmer alternative.

Open

MerriweatherGoogle Fonts

Heavier workhorse alternative.

Open

Used by 2 selectors on the page

Noto Serif KR

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use Noto Serif KR

font-family: 'Noto Serif KR', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://media-www.sqspcdn.com/fonts/NotoSerifKR-Light.woff2

Get this font

Noto Serif

Open source

Google

Free pan-script serif on Google Fonts.

Get Noto Serif from Google

Free alternatives if you can't license Noto Serif KR

Source Serif 4Google Fonts

Cleaner free body serif.

Open

LoraGoogle Fonts

Warmer alternative.

Open

MerriweatherGoogle Fonts

Heavier workhorse alternative.

Open

Used by 2 selectors on the page

Clarkson

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use Clarkson

font-family: Clarkson, Georgia, 'Times New Roman', serif;

@font-face source

woff2https://media-www.sqspcdn.com/fonts/clarkson-300.woff2

Get this font

Clarkson

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Clarkson

Free alternatives if you can't license Clarkson

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 18 selectors on the page

Clarkson Serif

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use Clarkson Serif

font-family: 'Clarkson Serif', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://media-www.sqspcdn.com/fonts/clarkson-serif-300.woff2

Get this font

Clarkson Serif

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Clarkson Serif

Free alternatives if you can't license Clarkson Serif

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 2 selectors on the page

Canela

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Canela

font-family: Canela, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://media-www.sqspcdn.com/fonts/canela-light.woff2

Get this font

Canela

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Canela

Free alternatives if you can't license Canela

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

How squarespace.com loads its fonts

Get Font Info inspected the homepage of squarespace.com and parsed 4 stylesheets totalling 152.2 KB. Inside those stylesheets we found 48 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 60 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on squarespace.com to see the exact font, weight, size and line-height for that element.

Open live font inspector for squarespace.com

Frequently asked questions

What font does squarespace.com use?

squarespace.com uses Noto Sans JP, Noto Sans KR and Noto Serif JP as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 60 CSS rules on the homepage.

Where does squarespace.com load its fonts from?

squarespace.com loads its fonts from a self-hosted webfont. Get Font Info detected 48 @font-face declarations across 4 stylesheets on the live page.

What weights of Noto Sans JP does squarespace.com use?

squarespace.com loads Noto Sans JP in 3 weights: 300, 400, 500. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as squarespace.com on my website?

Yes — once you know the font name, you can load it from the same source. If Noto Sans JP isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Inter, Source Sans 3 and IBM Plex Sans. Use the CSS snippet on this page as a starting point.

Is the font on squarespace.com free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on squarespace.com with how other well-known sites load and use their fonts.

What font does redis.io use?What font does segment.com use?What font does trello.com use?What font does loom.com use?What font does whatsapp.com use?What font does meta.com use?

About this page

This page lists the fonts loaded by the homepage of squarespace.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: find a font used on a website, identify fonts from a website, what typeface is this website using, or font checker.