Fonts Sans serifMetropolis

Metropolis

Open licence typeface

18 styles1 language setVersion v11.0.0The Unlicense

Download freeFind similar

Size72pxWeightSpacing0Leading1.15

Metropolis

Poster

Metropolis

Opening night. Doors at eight.

Logo

Metropolis

Label

Small batch

Metropolis

Est. 2026

Website

MetropolisWork About Contact

Metropolis

A short line of supporting copy that shows how the headline sits above running text on a real page.

Get started

Business card

Metropolis

Studio · hello@yourname.com · +27 82 000 0000

Shop sign

Metropolis

T-shirt

Metropolis

Coffee cup

Metropolis

Social post

Tote bag

Metropolis

About Metropolis

Metropolis is a sans serif typeface with 18 styles.

Public domain. Use it however you like. Read the The Unlicense.

Category: Sans serif
Weights: 100, 200, 300, 400, 500, 600, 700, 800, 900
Styles: normal, italic
Languages: latin
Licence: The Unlicense
Price: Free

Download all files Desktop TTF / OTF Web WOFF2 + CSS Find similar

Report a problem with this font

Use Metropolis on your website

Host the WOFF2 files yourself. The web download includes them with this CSS.

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-100-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-100-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-200-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-200-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-300-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-300-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-400-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-500-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-600-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-700-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-800-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-800-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-900-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-900-italic.woff2") format("woff2");
}