Get Font Info

What font does Spotify use?

Spotify uses Spotify Circular (also called Circular Spotify), a customised cut of Lineto's Circular typeface licensed exclusively to Spotify. Before that, Spotify used Proxima Nova.

Quick answer

Spotify uses Spotify Circular (also called Circular Spotify), a customised cut of Lineto's Circular typeface licensed exclusively to Spotify. Before that, Spotify used Proxima Nova.

Spotify Circular (Circular Spotify Text)

Commercial license required

A geometric sans-serif descended from Lineto's Circular. Spotify licensed an exclusive cut with brand-specific spacing and alternate characters in 2013.

Designer
Laurenz Brunner (Lineto), customised for Spotify
Released
2013
Where Spotify uses it
Brand · Product UI · Body copy · Headlines
License
The base Circular family is available commercially from Lineto. Spotify's exclusive customisation is proprietary.

CSS to use Spotify Circular (Circular Spotify Text)

font-family: 'Spotify Circular (Circular Spotify Text)', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
Get Spotify Circular (Circular Spotify Text)

Free or accessible alternatives

GothamAvenir NextSofia ProPoppins

Background

Earlier Spotify branding (2008–2013) used Proxima Nova. The shift to Circular gave the brand a more geometric, contemporary identity that has held since.

What we found in the live CSS on spotify.com

Primary font
SpotifyMixUI
Total weights
4
@font-face
51
Source
Custom web font

SpotifyMixUI

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use SpotifyMixUI

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

@font-face source

woff2https://encore.scdn.co/fonts/SpotifyMixUI-Bold-4264b799009b1db5c491778b1bc8e5b7.woff2

Get this font

SpotifyMixUI
Commercial

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

Search for SpotifyMixUI

Free alternatives if you can't license SpotifyMixUI

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 6 selectors on the page

SpotifyMixUITitle

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

700Typography sets the voice of a brand
800Typography sets the voice of a brand

CSS to use SpotifyMixUITitle

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

@font-face source

woff2https://encore.scdn.co/fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff2

Get this font

SpotifyMixUITitle
Commercial

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

Search for SpotifyMixUITitle

Free alternatives if you can't license SpotifyMixUITitle

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 6 selectors on the page

SpotifyMixMono

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 SpotifyMixMono

font-family: SpotifyMixMono, ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://encore.scdn.co/fonts/SpotifyMixMono-Regular-134eeb986fc0f94a9f0acb9cedaeb584.woff2

Get this font

SpotifyMixMono
Commercial

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

Search for SpotifyMixMono

Free alternatives if you can't license SpotifyMixMono

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open
IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open
Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open
Used by 2 selectors on the page

SpotifyMixUITitleVariable

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 1000Typography sets the voice of a brand

CSS to use SpotifyMixUITitleVariable

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

@font-face source

woff2https://encore.scdn.co/fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff2

Get this font

SpotifyMixUITitleVariable
Commercial

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

Search for SpotifyMixUITitleVariable

Free alternatives if you can't license SpotifyMixUITitleVariable

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 1 selector on the page

CircularSp-Arab

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
800Typography sets the voice of a brand

CSS to use CircularSp-Arab

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

@font-face source

woff2https://encore.scdn.co/fonts/CircularSp-Arab-Black-53e88b4713d4e3ea79ef92c8c0895fdb.woff2

Get this font

CircularSp-Arab
Commercial

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

Search for CircularSp-Arab

Free alternatives if you can't license CircularSp-Arab

InterGoogle Fonts

Best free swap for Circular's geometric vibe.

Open
ManropeGoogle Fonts

Softer humanist alternative.

Open
DM SansGoogle Fonts

Cleaner mechanical sibling.

Open
Used by 0 selectors on the page

CircularSp-Cyrl

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
800Typography sets the voice of a brand

CSS to use CircularSp-Cyrl

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

@font-face source

woff2https://encore.scdn.co/fonts/CircularSp-Cyrl-Black-a68f6f038e225c51fc50bd4935a3b540.woff2

Get this font

CircularSp-Cyrl
Commercial

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

Search for CircularSp-Cyrl

Free alternatives if you can't license CircularSp-Cyrl

InterGoogle Fonts

Best free swap for Circular's geometric vibe.

Open
ManropeGoogle Fonts

Softer humanist alternative.

Open
DM SansGoogle Fonts

Cleaner mechanical sibling.

Open
Used by 0 selectors on the page

CircularSp-Deva

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
800Typography sets the voice of a brand

CSS to use CircularSp-Deva

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

@font-face source

woff2https://encore.scdn.co/fonts/CircularSp-Deva-Black-574b12f3ca1769e18083e8398295c38b.woff2

Get this font

CircularSp-Deva
Commercial

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

Search for CircularSp-Deva

Free alternatives if you can't license CircularSp-Deva

InterGoogle Fonts

Best free swap for Circular's geometric vibe.

Open
ManropeGoogle Fonts

Softer humanist alternative.

Open
DM SansGoogle Fonts

Cleaner mechanical sibling.

Open
Used by 0 selectors on the page

CircularSp-Grek

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
800Typography sets the voice of a brand

CSS to use CircularSp-Grek

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

@font-face source

woff2https://encore.scdn.co/fonts/CircularSp-Grek-Black-4674b11f16a27c4b655bd8e95ddd0738.woff2

Get this font

CircularSp-Grek
Commercial

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

Search for CircularSp-Grek

Free alternatives if you can't license CircularSp-Grek

InterGoogle Fonts

Best free swap for Circular's geometric vibe.

Open
ManropeGoogle Fonts

Softer humanist alternative.

Open
DM SansGoogle Fonts

Cleaner mechanical sibling.

Open
Used by 0 selectors on the page

CircularSp-Hebr

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
800Typography sets the voice of a brand

CSS to use CircularSp-Hebr

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

@font-face source

woff2https://encore.scdn.co/fonts/CircularSp-Hebr-Black-a9978d19a63d2b5d2ca3747e046625c4.woff2

Get this font

CircularSp-Hebr
Commercial

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

Search for CircularSp-Hebr

Free alternatives if you can't license CircularSp-Hebr

InterGoogle Fonts

Best free swap for Circular's geometric vibe.

Open
ManropeGoogle Fonts

Softer humanist alternative.

Open
DM SansGoogle Fonts

Cleaner mechanical sibling.

Open
Used by 0 selectors on the page

How spotify.com loads its fonts

Get Font Info inspected the homepage of spotify.com and parsed 1 stylesheet totalling 463.0 KB. Inside those stylesheets we found 51 @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 19 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for spotify.com

Frequently asked questions

Who designed Spotify Circular (Circular Spotify Text)?

Spotify Circular (Circular Spotify Text) was designed by Laurenz Brunner (Lineto), customised for Spotify, released in 2013. A geometric sans-serif descended from Lineto's Circular. Spotify licensed an exclusive cut with brand-specific spacing and alternate characters in 2013.

Can I download Spotify Circular (Circular Spotify Text)?

Not for free. Spotify Circular (Circular Spotify Text) requires a commercial license from the foundry (https://lineto.com/typefaces/circular). If you need a free option, Gotham, Avenir Next, Sofia Pro are close substitutes.

What are free alternatives to Spotify Circular (Circular Spotify Text)?

If you want a similar look without Spotify Circular (Circular Spotify Text), try Gotham, Avenir Next, Sofia Pro, Poppins. Gotham in particular is widely available and free on Google Fonts or under an open-source license.

What font does spotify.com use?

spotify.com uses SpotifyMixUI, SpotifyMixUITitle and SpotifyMixMono as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 19 CSS rules on the homepage.

Where does spotify.com load its fonts from?

spotify.com loads its fonts from a self-hosted webfont. Get Font Info detected 51 @font-face declarations across 1 stylesheet on the live page.

What weights of SpotifyMixUI does spotify.com use?

spotify.com loads SpotifyMixUI in 4 weights: 100 1000, 400, 700, 800. 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 spotify.com on my website?

Yes — once you know the font name, you can load it from the same source. If SpotifyMixUI isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on spotify.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 spotify.com with how other well-known sites load and use their fonts.

What font does wired.com use?What font does medium.com use?What font does gq.com use?What font does vimeo.com use?What font does hm.com use?What font does ebay.com use?

About this page

This page lists the fonts loaded by the homepage of spotify.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: how to find fonts on a website, name the font on a website, what font does this website use, or free font checker.