---
title: "What Font Does Spotify Use? Spotify Mix, UI and Logo"
description: "See Spotify Mix and the UI families our browser rendered in October 2026, with official sources, logo distinctions and fonts to test for your own project."
canonical_url: "https://webaloha.co/what-font-does-spotify-use/"
markdown_url: "https://webaloha.co/what-font-does-spotify-use.md"
date_published: "2026-10-28T00:00:00.000Z"
date_modified: "2026-10-28T00:00:00.000Z"
author: "https://webaloha.co/authors/lucky-oleg/"
---
# What Font Does Spotify Use? Spotify Mix, UI and Logo

Author: [Lucky Oleg](https://webaloha.co/authors/lucky-oleg/) | Published Oct 28, 2026

**Spotify’s bespoke typeface is Spotify Mix.** Spotify [announced it on 22 May 2024](https://newsroom.spotify.com/2024-05-22/introducing-spotify-mix-our-new-and-exclusive-font/), naming Dinamo as its design partner. In our public website check on **28 October 2026**, Chromium returned the more specific names **Spotify Mix UI** and **Spotify Mix UI Title** for the text it rendered.

That finding belongs to a particular surface: visiting `spotify.com` redirected our browser to the signed-out [Spotify web player](https://open.spotify.com/). We did not inspect the installed desktop or mobile apps, and a text-font check does not identify the logo’s lettering.

| Question | Answer we can support | Evidence |
| --- | --- | --- |
| What is Spotify’s custom typeface called? | Spotify Mix | [Spotify’s announcement](https://newsroom.spotify.com/2024-05-22/introducing-spotify-mix-our-new-and-exclusive-font/) |
| What drew body text in the public web player? | Spotify Mix UI | Our 28 October 2026 desktop browser check |
| What drew most sampled heading text? | Spotify Mix UI Title | The same check, using Chromium’s rendered-font API |
| What should a Spotify integration use? | Spotify recommends the platform’s default sans-serif | [Spotify’s developer design guidelines](https://developer.spotify.com/documentation/design#fonts) |
| What about the Spotify wordmark? | Use the official asset under its brand rules | [Spotify’s logo guidelines](https://developer.spotify.com/documentation/design#using-our-logo), rather than a font guess |

## What the browser rendered on 28 October 2026

The check began at **15:03 UTC**, in a fresh headless Chromium context at **1366 × 900 pixels**, with an **en-US** locale. We read the computed CSS stacks, then used Chrome DevTools Protocol’s `CSS.getPlatformFontsForNode` to ask which font drew the sampled glyphs.

| Text sample or group | CSS family at the start of its stack | Rendered family returned by DevTools |
| --- | --- | --- |
| First visible paragraph | `SpotifyMixUI` | Spotify Mix UI |
| First visible link | `SpotifyMixUI` | Spotify Mix UI |
| First visible button | `SpotifyMixUI` | Spotify Mix UI |
| First visible `h1` | `SpotifyMixUI` | Spotify Mix UI |
| Heading group containing most sampled `h1` to `h3` text | `SpotifyMixUITitle` | Spotify Mix UI Title |

The first `h1` is an instructive exception: a heading tag does not automatically mean a different family. Our probe found a separate title stack on other headings, which together carried more heading text. We therefore report the individual sample as well as the main heading family.

DevTools returned font information for **all 18 sampled elements**. Both named web faces were loaded. These rendered families also appeared in our separate [September 2026 website font study](https://webaloha.co/fonts-used-by-top-websites-2026/).

The public [evidence JSON](https://webaloha.co/downloads/brand-font-checks-2026/browser-evidence-2026-10-28.json) includes the complete stacks, raw rendered-family names, sample counts and capture settings. It contains no Spotify font files.

## Why a CSS stack can still mention Circular

The measured body stack began with `SpotifyMixUI`, followed by names including `CircularSp-Arab`, `CircularSp-Hebr`, `CircularSp-Cyrl`, `CircularSp-Grek` and `CircularSp-Deva`. It later listed Helvetica Neue, Helvetica, Arial, Japanese families and emoji families.

That is evidence of what the page **requested as alternatives**, not proof that every listed family appeared on screen. Our sampled Latin-script text rendered in the Mix families. We did not test Arabic, Hebrew, Cyrillic, Greek or Devanagari text, so this check cannot establish what Spotify renders for those scripts.

Spotify’s original Mix announcement also described an initial rollout for Latin-based scripts and Vietnamese. Its date and scope matter: neither that announcement nor one English-language visit establishes the typography of every current client and locale.

This is the same reason the presence of Arial in a stylesheet is a weak answer to “what font does this site use?” A family may be a fallback, an unused rule or a face for text that was not present in the test.

## Spotify Mix, the logo and reuse rights

[Dinamo describes Spotify Mix](https://abcdinamo.com/newsletter/the-dinamo-update-new-spotify-custom-typeface) as a custom variable family with a range of widths and weights. That flexibility helps explain why a brand system can contain quieter interface text and more expressive campaign typography under one family name.

Spotify describes Mix as bespoke and exclusive. **The official sources reviewed here do not provide a public licence to reuse it.** A font request that your browser can download is not a reuse licence, so copying a file from Spotify’s CDN is not a font-selection workflow.

The logo is a separate asset. Spotify’s [developer guidelines](https://developer.spotify.com/documentation/design#using-our-logo) describe its full logo as the icon plus wordmark and specify how it may be displayed. Our browser text measurements do not establish a wordmark font, and typing the name in Spotify Mix should not be presented as the official logo.

If you are building an integration, Spotify’s [font guidance](https://developer.spotify.com/documentation/design#fonts) recommends the default sans-serif for the platform, followed by Helvetica Neue, Helvetica and Arial. That guidance gives you a practical starting point without copying Spotify’s custom typeface.

## Fonts to test for your own music or media website

For an independent project, start with the work the text needs to do. These are our design suggestions, not exact replacements for Spotify Mix.

| Your design brief | A starting point | Test it with |
| --- | --- | --- |
| Dense playlists, navigation and account forms | [Inter](https://fonts.google.com/specimen/Inter) | Long track titles, artist names, timestamps and keyboard focus states |
| A more characterful music publication or event page | [Manrope](https://fonts.google.com/specimen/Manrope) | Short bold headlines, ticket details and long article paragraphs |
| A lightweight utility or platform-native integration | `system-ui, sans-serif` | The same layout on Windows, macOS, Android and iOS |

The Google Fonts repository provides SIL Open Font License 1.1 files for [Inter](https://github.com/google/fonts/blob/main/ofl/inter/OFL.txt) and [Manrope](https://github.com/google/fonts/blob/main/ofl/manrope/OFL.txt), checked on 28 October 2026. Read the licence shipped with your chosen files and preserve its notices when redistributing them. A system UI stack uses the visitor’s platform font, so its appearance varies by device.

Before committing, compare a long artist name, a two-line album title, `Il1 O0`, accented characters, prices and a narrow phone layout. Use weight and spacing to establish hierarchy before adding another family.

Our [website font selection guide](https://webaloha.co/how-to-choose-fonts-for-your-website/) covers that decision in more detail. For a reference website, begin with the free [Website Font Checker](https://webaloha.co/tools/website-font-checker/), which inspects public HTML and CSS. Then confirm important findings in the browser’s **Computed → Rendered Fonts** panel. A source-code result alone cannot prove the face that drew the text.

## Check conditions and limits

We used the existing probe from our [top 1,000 website font study](https://webaloha.co/fonts-used-by-top-websites-2026/) on one Mac and one connection. A separate Cloudflare trace check from the same machine reported network country **GB**. The runtime was **macOS 27, Playwright 1.64.1 and Chromium 156.0.8078.4**; the unchanged study user agent advertised Chrome 153 with the identifying `WebAlohaFontStudy/1.0` token.

Robots.txt allowed the requested homepage and its redirect target. There were no logins, playback actions, clicks, consent choices or scrolling. “Visible” samples had a visible layout box in the loaded document and could include text below the fold. Fonts that depend on scrolling, a different locale or later interaction are outside this check.

Spotify did not finish its `load` event within the **15-second** wait, but `document.fonts.ready` resolved before measurement and all sampled font queries returned. Treat this as evidence of the text present at that point, rather than a complete inventory of every resource or Spotify surface. Mobile layouts, signed-in recommendations, iframe text and closed shadow roots were not tested.

Our [Discord font check](https://webaloha.co/what-font-does-discord-use/) provides another example: its documented app font and its marketing homepage’s rendered fonts answer different questions.

## Frequently asked questions

What font does Spotify use?

Spotify announced its bespoke Spotify Mix typeface in May 2024. In our 28 October 2026 desktop check, spotify.com redirected to its public web player, where Chromium rendered Spotify Mix UI for sampled body text and Spotify Mix UI Title for most sampled h1-h3 heading text.

Is Spotify Mix available as a free font?

Spotify describes Mix as bespoke and exclusive. The official sources reviewed for this article do not provide a public reuse licence. A browser downloading a font file is not permission to reuse it. Inter and Manrope are separate fonts with SIL Open Font License files.

Does Spotify still use Circular?

Our sampled Latin-script text rendered in Spotify Mix UI and Spotify Mix UI Title. The CSS stack still named CircularSp variants for several other scripts, but that does not prove those variants rendered. This check did not test every language or Spotify app.

Recommended tools

## Recommended tools for this guide

Use these free tools to apply the ideas from this guide to your own website.

[![Website Font Checker Tool Online](https://webaloha.co/_astro/tool-font-checker.CEz8XuBz_ZROKCb.webp?dpl=dpl_361ezMzWCgtUtFxFQVMru9SddmJo)

Website Font Checker

](https://webaloha.co/tools/website-font-checker/)[![Google Font Self-Hosting Helper Tool Online](https://webaloha.co/_astro/tool-font-self-hosting.DBiIhYOt_1a4k8g.webp?dpl=dpl_361ezMzWCgtUtFxFQVMru9SddmJo)

Font Self-Hosting Helper

](https://webaloha.co/tools/font-self-hosting-helper/)[![Image Compressor & WebP Converter Tool Online](https://webaloha.co/_astro/tool-image-compressor.BZRx6f1H_1V4b5Y.webp?dpl=dpl_361ezMzWCgtUtFxFQVMru9SddmJo)

Image Compressor

](https://webaloha.co/tools/image-compressor/)

Useful info? Spread the Aloha:

[![Lucky Oleg](https://webaloha.co/_astro/lucky-oleg.EPOIIvwX_ZX2S03.webp?dpl=dpl_361ezMzWCgtUtFxFQVMru9SddmJo)](https://webaloha.co/authors/lucky-oleg/)

[Lucky Oleg](https://webaloha.co/authors/lucky-oleg/)[](https://www.linkedin.com/in/luckyoleg/)

Lucky Oleg is the founder of Web Aloha, a web design & SEO agency helping businesses ride the digital wave. With years of experience in WordPress, technical SEO, and web performance, he writes about what actually works in the real world.

#### Related guides from Web Aloha

[

What Font Does Discord Use? App, Logo and Website

](https://webaloha.co/what-font-does-discord-use/)