Poppins

Poppins ausprobieren

Strichstärken und Schnitte

• Thin 100Poppins Thin Thin Italic
• ExtraLight 200Poppins ExtraLight ExtraLight Italic
• Light 300Poppins Light Light Italic
• Regular 400Poppins Regular Kursiv
• 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

Über Poppins

Poppins ist eine geometrische Sans Serif, bei der sowohl die lateinischen als auch die Devanagari-Buchstaben aus einfachen Formen konstruiert sind, vor allem aus Kreisen. Die Striche haben annähernd gleiche Stärke, mit kleinen optischen Korrekturen an den Übergängen, damit der Text einen gleichmäßigen Grauwert behält. Die Mittellänge der lateinischen Zeichen ist hoch angesetzt, und die Versalien sind niedriger als die Oberlängen, deren Höhe den Grundzeichen des Devanagari entspricht. Die Indian Type Foundry entwickelte das Projekt: Ninad Kale zeichnete das erste Devanagari und Jonny Pinhorn das erste Latin, später verfeinerte das Team des Studios den Entwurf und erweiterte ihn um weitere Stärken und Kursive. Die Familie hat heute neun Stärken von Thin bis Black mit Kursiven, 18 statische Schnitte und 1.059 Glyphen in den Subsets devanagari, latin und latin-ext. Sie steht unter der SIL Open Font License 1.1.

Wofür sich Poppins eignet

Markenauftritte

Runde Bäuche und neun Stärken geben Logo, Headlines und Kleingedrucktem eine einheitliche geometrische Stimme.

Websites und Apps

Die hohe Mittellänge hält Navigation, Buttons und Kartentitel in Oberflächengrößen lesbar.

Zweisprachige Layouts in Latin und Devanagari

Beide Schriftsysteme wurden auf derselben Geometrie gezeichnet und in der Höhe abgestimmt, sodass gemischte Zeilen gleichmäßig wirken.

Präsentationsfolien

Stärken von Thin 100 bis Black 900 schaffen klare Kontraste zwischen Titel, Zahl und Fußnote.

Kurze Marketingtexte

Regular und Medium mit ihren Kursiven eignen sich für Einleitungen, Bildunterschriften und Zitate.

Glyphen

Sprachunterstützung

Die Familie enthält die Grundbuchstaben, mit denen diese Sprachen geschrieben werden:

• Englisch
• Französisch
• Deutsch
• Spanisch
• Portugiesisch
• Italienisch
• Niederländisch
• Schwedisch
• Norwegisch
• Dänisch
• Finnisch
• Isländisch
• Katalanisch
• Türkisch
• Polnisch
• Tschechisch
• Slowakisch
• Ungarisch
• Rumänisch
• Kroatisch
• Slowenisch
• Litauisch
• Lettisch
• Estnisch

Weitere Schriftsysteme neben dem lateinischen, für die die Familie Glyphen enthält: Devanagari. Genannt sind Schriftsysteme. Das ist keine Zusage für jede Sprache, die damit geschrieben wird.

In den Dateien gefundene Zeichensätze: devanagari, latin, latin-ext. Die Sprachliste prüft, ob die nötigen Buchstaben im Font vorhanden sind. Über die typografische Qualität in der jeweiligen Sprache sagt sie nichts.

Lizenz

Fonts, die zu Poppins passen

Die Vorschläge folgen einfachen Regeln aus den Datensätzen: eine kontrastierende Klassifikation und genug Strichstärken für Fließtext. Sie sind ein Ausgangspunkt, kein Urteil.

Poppins im Web verwenden

Lade die Familie herunter, lege die Dateien auf deinen eigenen Server und binde sie per CSS ein. Bitte verlinke nicht auf die Dateien bei trendhub.net: Die Vorschaudateien hier sind Subsets, und ihre Adressen ändern sich.

@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;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Poppins mit diesem Markup aus:

<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">

Gut zu wissen

Statische Dateien, nicht variabel

Das Paket enthält 18 einzelne TTF-Dateien, je eine für jede Stärke und Kursive. Einen Variable Font gibt es nicht.

Devanagari gehört zur Familie

Die Fonts enthalten neben Latin und Latin Extended einen Devanagari-Zeichensatz.

Kein Kyrillisch, Griechisch oder Vietnamesisch

Die Abdeckung endet bei den Subsets devanagari, latin und latin-ext.

Die Versalien sind niedrig

Die lateinischen Versalien sind niedriger als die Oberlängen, weil die lateinischen Proportionen an das Devanagari angeglichen wurden.

Häufige Fragen

Sammlungen mit Poppins

• Fonts für Präsentationen und Folien

  Sans-Serif- und Slab-Serif-Familien, die auf Beamer oder geteiltem Bildschirm lesbar bleiben, mit kräftigen Bold-Schnitten für Folientitel.

• Geometrische serifenlose Fonts

  Serifenlose Familien, die auf Kreisen, geraden Linien und gleichmäßigen Strichen aufbauen, von Entwürfen im Geist der 1920er Jahre bis zu aktuellen Hausschriften von Marken.

• Fonts mit Unterstützung für Türkisch

  Familien mit offener Lizenz, die jeden Buchstaben des türkischen Alphabets enthalten, auch das i mit und ohne Punkt, in Text-, Display- und Schreibschrift-Stilen.

Ähnliche Fonts

Weitere Familien derselben Klassifikation, sortiert nach gemeinsamen Einsatzbereichen. Alle Fonts: sans serif