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)
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
61
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;
Get Font Info inspected the homepage of spotify.com and parsed 1 stylesheet totalling 531.3 KB. Inside those stylesheets we found 61 @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 21 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.
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 21 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 61 @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.
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.