Fontes Sem serifaMetropolis

Metropolis

Fonte com licença aberta

18 estilos1 sistema de escritaVersão v11.0.0The Unlicense

Baixar grátisBuscar parecidas

Tamanho72pxPesoEspaçamento0Entrelinha1.15

Metropolis

Pôster

Metropolis

Noite de estreia. Portas às oito.

Logo

Metropolis

Rótulo

Pequenos lotes

Metropolis

Desde 2026

Site

MetropolisTrabalho Sobre Contato

Metropolis

Uma linha curta de texto de apoio que mostra como o título fica acima do texto corrido em uma página real.

Começar

Cartão de visita

Metropolis

Estúdio · ola@seunome.com · +27 82 000 0000

Placa de loja

Metropolis

Camiseta

Metropolis

Xícara de café

Metropolis

Post para redes sociais

Ecobag

Metropolis

Sobre Metropolis

Metropolis é uma fonte sem serifa com 18 estilos.

Domínio público. Use como quiser. Leia a The Unlicense.

Categoria: Sem serifa
Pesos: 100, 200, 300, 400, 500, 600, 700, 800, 900
Estilos: normal, italic
Idiomas: latin
Licença: The Unlicense
Preço: Grátis

Baixar todos os arquivos Desktop TTF / OTF Web WOFF2 + CSS Buscar parecidas

Relatar um problema com esta fonte

Use Metropolis no seu site

Hospede você mesmo os arquivos WOFF2. O download web inclui os arquivos junto com este 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");
}