Metropolis

Tipografía con licencia abierta
18 estilos1 sistema de escrituraVersión v11.0.0The Unlicense
Metropolis
Póster
Metropolis
Noche de estreno. Puertas a las ocho.
Logo
Etiqueta
Pequeños lotes
Metropolis
Desde 2026
Sitio web
MetropolisTrabajo   Acerca de   Contacto
Metropolis
Una línea corta de texto de apoyo que muestra cómo queda el titular sobre el texto corrido en una página real.
Empezar
Tarjeta de presentación
Metropolis
Estudio · hola@tunombre.com · +27 82 000 0000
Letrero de tienda
Metropolis
Camiseta
Metropolis
Taza de café
Metropolis
Publicación para redes
tumarca
Metropolis
Bolsa de tela
Metropolis

Acerca de Metropolis

Metropolis es una tipografía sans serif con 18 estilos.

Dominio público. Úsala como quieras. Lee la The Unlicense.

Categoría
Sans serif
Pesos
100, 200, 300, 400, 500, 600, 700, 800, 900
Estilos
normal, italic
Idiomas
latin
Licencia
The Unlicense
Precio
Gratis

Informar de un problema con esta fuente

Usa Metropolis en tu sitio web

Aloja tú mismo los archivos WOFF2. La descarga web los incluye junto con 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");
}
font-family: "Metropolis", sans-serif;
Descargar el paquete web (WOFF2 + fonts.css)

Combina bien con

Tipografías que contrastan pero comparten sensación, para usar juntas en títulos y texto.

VariablePopularesGratis

Lora

Cyreal

Similares a Metropolis

Misma categoría, sensación más parecida.

VariablePopularesGratis

Google Sans

Licencia abierta
VariablePopularesGratis

Noto Sans JP

Google