フォントサンセリフMetropolis

Metropolis

Name: Metropolis font
Brand: Typesay
SKU: metropolis
Availability: InStock

オープンライセンスの書体

18 スタイル1 言語セットバージョン v11.0.0The Unlicense

無料ダウンロード似たフォントを探す

サイズ72pxウェイト字間0行間1.15

Metropolis

ポスター

Metropolis

Opening night. Doors at eight.

ロゴ

Metropolis

ラベル

Small batch

Metropolis

Est. 2026

Web サイト

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

名刺

Metropolis

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

お店の看板

Metropolis

T シャツ

Metropolis

コーヒーカップ

Metropolis

SNS 投稿

トートバッグ

Metropolis

About Metropolis

Metropolis はサンセリフ書体で、18 スタイルがあります。

パブリックドメイン。自由に使えます。 The Unlicense を読む.

カテゴリー: サンセリフ
ウェイト: 100, 200, 300, 400, 500, 600, 700, 800, 900
スタイル: normal, italic
言語: latin
ライセンス: The Unlicense
価格: 無料

すべてのファイルをダウンロードデスクトップ用 TTF / OTF Web 用 WOFF2 + CSS 似たフォントを探す

このフォントの問題を報告

Metropolis を Web サイトで使う

WOFF2 ファイルを自分でホストしてください。Web 用ダウンロードには、この 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");
}