Metropolis

تایپ‌فیس با مجوز آزاد
18 سبک1 مجموعه زبانینسخه v11.0.0The Unlicense
Metropolis
پوستر
Metropolis
Opening night. Doors at eight.
لوگو
برچسب
Small batch
Metropolis
Est. 2026
وب‌سایت
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
تی‌شرت
Metropolis
فنجان قهوه
Metropolis
پست شبکه اجتماعی
yourbrand
Metropolis
کیسه پارچه‌ای
Metropolis

About Metropolis

Metropolis یک تایپ‌فیس سنس‌سریف با 18 سبک است.

مالکیت عمومی. هر طور دوست دارید از آن استفاده کنید. The Unlicense را بخوانید.

دسته
سنس‌سریف
وزن‌ها
100, 200, 300, 400, 500, 600, 700, 800, 900
سبک‌ها
normal, italic
زبان‌ها
latin
مجوز
The Unlicense
قیمت
رایگان

گزارش مشکل این فونت

استفاده از Metropolis در وب‌سایت شما

فایل‌های WOFF2 را خودتان میزبانی کنید. دانلود وب آن‌ها را همراه با این 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");
}
font-family: "Metropolis", sans-serif;
دانلود بسته وب (WOFF2 + fonts.css)

هم‌نشین‌های خوب

فونت‌های متضاد با حال‌وهوای سازگار، برای تیتر و متن اصلی در کنار هم.

متغیرمحبوبرایگان

Merriweather

Sorkin Type
متغیرمحبوبرایگان

Lora

Cyreal

مشابه Metropolis

همان دسته، نزدیک‌ترین حس.

متغیرمحبوبرایگان

Google Sans

مجوز آزاد
متغیرمحبوبرایگان

Noto Sans JP

Google