Poppins

Prueba Poppins

Pesos y estilos

• Thin 100Poppins Thin Thin Italic
• ExtraLight 200Poppins ExtraLight ExtraLight Italic
• Light 300Poppins Light Light Italic
• Regular 400Poppins Regular Cursiva
• Medium 500Poppins Medium Medium Italic
• SemiBold 600Poppins SemiBold SemiBold Italic
• Bold 700Poppins Bold Bold Italic
• ExtraBold 800Poppins ExtraBold ExtraBold Italic
• Black 900Poppins Black Black Italic

Sobre Poppins

Poppins es una tipografía sin serifa geométrica en la que tanto las letras latinas como las devanagari se construyen con formas simples, sobre todo círculos. Los trazos tienen un grosor casi único, con pequeñas correcciones ópticas en las uniones para que el texto conserve un color uniforme. La altura de x del latino es alta, y las mayúsculas son más bajas que los ascendentes, cuya altura coincide con la de los caracteres base del devanagari. Indian Type Foundry desarrolló el proyecto: Ninad Kale dibujó el devanagari inicial y Jonny Pinhorn el latino inicial, y después el equipo del estudio refinó el diseño y lo amplió con más pesos y cursivas. La familia tiene ahora nueve pesos de Thin a Black con cursivas, 18 estilos estáticos y 1.059 glifos en los subconjuntos devanagari, latin y latin-ext. Se publica con la SIL Open Font License 1.1.

Dónde funciona Poppins

Identidades de marca

Los ojos redondos y los nueve pesos dan al logotipo, a sus titulares y a su letra pequeña una misma voz geométrica.

Sitios web y apps

La altura de x elevada mantiene legibles la navegación, los botones y los títulos de tarjetas en tamaños de interfaz.

Diseños bilingües en latino y devanagari

Ambos sistemas de escritura se dibujaron sobre la misma geometría y con alturas equivalentes, así que las líneas mixtas se ven uniformes.

Diapositivas de presentación

Los pesos de Thin 100 a Black 900 crean un contraste claro entre un título, una cifra y una nota al pie.

Textos cortos de marketing

Regular y Medium con sus cursivas resuelven introducciones, pies de foto y citas destacadas.

Glifos

Idiomas admitidos

La familia contiene las letras básicas con las que se escriben estos idiomas:

• Inglés
• Francés
• Alemán
• Español
• Portugués
• Italiano
• Neerlandés
• Sueco
• Noruego
• Danés
• Finés
• Islandés
• Catalán
• Turco
• Polaco
• Checo
• Eslovaco
• Húngaro
• Rumano
• Croata
• Esloveno
• Lituano
• Letón
• Estonio

Sistemas de escritura con glifos en la familia, además del latino: devanagari. Se indican como sistemas de escritura, no como garantía para cada idioma que los usa.

Juegos de caracteres encontrados en los archivos: devanagari, latin, latin-ext. La lista de idiomas comprueba que la fuente tenga las letras necesarias; no garantiza la calidad tipográfica en cada idioma.

Licencia

Fuentes que combinan con Poppins

Las sugerencias salen de reglas sencillas sobre los datos: una clasificación que contraste y pesos suficientes para el texto corrido. Son un punto de partida, no un veredicto.

Usar Poppins en la web

Descarga la familia, aloja los archivos en tu propio sitio y decláralos en CSS. No enlaces a los archivos de trendhub.net: los archivos de vista previa son subconjuntos y sus direcciones cambian.

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

body {
  font-family: "Poppins", sans-serif;
}

O cárgala desde el origen oficial. Google Fonts ofrece Poppins con este código:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

Lo que debes saber

Archivos estáticos, no variables

El paquete contiene 18 archivos TTF independientes, uno por cada peso y cursiva. No incluye ninguna fuente variable.

El devanagari forma parte de la familia

Las fuentes contienen un juego de caracteres devanagari junto con el latino y el latino extendido.

Sin cirílico, griego ni vietnamita

La cobertura se limita a los subconjuntos devanagari, latin y latin-ext.

Las mayúsculas son bajas

Las mayúsculas latinas son más bajas que los ascendentes, consecuencia de ajustar las proporciones latinas a las del devanagari.

Preguntas frecuentes

Colecciones con Poppins

• Fuentes para presentaciones y diapositivas

  Familias sans serif y slab serif que se leen bien con un proyector o en una pantalla compartida, con negritas marcadas para los títulos de las diapositivas.

• Fuentes sans serif geométricas

  Familias sans serif construidas con círculos, líneas rectas y trazos uniformes, desde diseños inspirados en los años veinte hasta tipografías de marca actuales.

• Familias tipográficas con nueve pesos y cursivas

  Familias completas que van de Thin a Black, con una cursiva para cada peso: dieciocho estilos para un sistema tipográfico completo.

• Fuentes compatibles con el turco

  Familias de licencia abierta que contienen todas las letras del alfabeto turco, incluidas la i con punto y sin punto, en estilos de texto, display y caligráficos.

• Fuentes compatibles con devanagari

  Familias de licencia abierta para el hindi, el maratí, el nepalí y otras lenguas de escritura devanagari, cada una con letras latinas en los mismos archivos.

Fuentes similares

Otras familias de la misma clasificación, ordenadas por etiquetas de uso en común. Todas las fuentes sans serif